Custom Map for Plumbing Issues in Melbourne

var myMap = new google.maps.Map(document.getElementById("map-container"), { center: {lat: 37.7995, lng: -114.1234}, zoom: 12 }); // Create a custom overlay to display plumbing issue information function createCustomOverlay(map, infoWindow, marker) { var content = document.createElement('div'); content.innerHTML = `

${marker.title}

${marker.description}

Learn more `; map.setCenter(marker.position); infoWindow = new google.maps.InfoWindow(content); marker.addListener('click', function() { infoWindow.open(map, this); }); } // Add a custom overlay to each plumbing issue marker var plumbingIssues = [ {title: 'Plumbing Issue 1', description: 'This is the first plumbing issue we are looking at.'}, {title: 'Plumbing Issue 2', description: 'This is the second plumbing issue we are looking at.'} ]; plumbingIssues.forEach(function(issue) { createCustomOverlay(myMap, myMap.infoWindow, myMap.markers[issue.id]); }); // Set the map type to roads myMap.mapType = google.maps.MapTypes.RODS;