Your location on our map

Generate your personal location map in a few steps


Have your desired address drawn on the SmartMaps map within seconds. The code generated from this will be made available to you for free. You can copy this code directly and integrate it into your website.

  • Created within a few seconds
  • Use SmartMaps without programming effort

Generate your code now


 Enter desired address

Company name:
Street & Housenumber:
Zip-Code:
City:
API-Key:


View generated code

Is the marker not in the right place? No problem! Move the marker on the map as you like using drag & drop. The code is updated automatically.

 

Your personal code:

Your code: Location map for copy and paste


<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
</head>
<body>
	<div id="map-wrapper">
		<div id="map" style="height: 400px; width: 500px;"></div>
	</div>
	<!-- include SmartMaps-API -->
	<script src="https://www.yellowmap.de/api_rst/api/loader?libraries=free-3&apiKey={INSERT API_KEY HERE}"></script>
	<script>
	ym.ready(function (modules) {
		var map = ym.map("map", {
			center: ym.latLng(locx, locy),
			// Set zoom level
			zoom: 15,
		});
		//Add marker
		var marker = ym.marker(ym.latLng(locx, locy)).addTo(map);
		//Add popup
		marker.bindPopup('');
	});
</script>
</body>
</html>

  Note: API-Key

To use the generated code, the integration of an API key is necessary. You will receive this key free of charge by e-mail after request on the SmartMaps page. If you already have a key, please replace {INSERT API_KEY HERE} in the generated code with your personal API key.

What is the next step? You decide!


Image
Display different markers on the map.
Image
Easily draw GeoJSON objects on the map
Image
The SmartMaps API allows you to create variants of advanced route calculation. 
Image
Switch flexibly between different display layers at any time
Image
SmartMaps enables you to geocode addresses worldwide.
Image
You can draw one or more administrative boundaries on the map.