map

map

<html><head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /><title>Google Maps APIs</title><link href="style.css" rel="stylesheet" /></head><body> <div id="map"></div> <script src="script.js">function initMap() { var bussum = { info: '<strong>Dampfabriek Bussum</strong><br>\ Huizerweg 46A<br> 1402AD Bussum<br>\ <a https://goo.gl/maps/UB1eKbht8GE2</a>', lat: 52.274206, long: 5.170344 }; var Amersfoort = { info: '<strong>Dampfabriek Amersfoort</strong><br>\ Achter de Arnhemse Poortwal 23<br> 3811 LX Amersfoort<br>\ <a https://goo.gl/maps/6JLQSEWSgGq</a>', lat: 52.153402, long: 5.386458 }; var locations = [ [bussum.info, bussum.lat, bussum.long, 0], [amersfoort.info, amersfoort.lat, amersfoort.long, 1], ]; var map = new google.maps.Map(document.getElementById('map'), { zoom: 13, center: new google.maps.LatLng(52.229873, 5.278743), mapTypeId: google.maps.MapTypeId.ROADMAP }); var infowindow = new google.maps.InfoWindow({}); var marker, i; for (i = 0; i < locations.length; i++) { marker = new google.maps.Marker({ position: new google.maps.LatLng(locations[i][1], locations[i][2]), map: map }); google.maps.event.addListener(marker, 'click', (function (marker, i) { return function () { infowindow.setContent(locations[i][0]); infowindow.open(map, marker); } })(marker, i)); } }</script><script async="" defer="defer" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCxolqxSv-MSd0dTOLI65Es3RLImCb4hXs&amp;callback=initMap"></script></body></html>