I was proposed to develop a page where it presents an excerpt of Google Maps with several markers organized in clusters (done). I have no experience with JavaScript, and what I need is that by clicking a button (or not), it's possible to get my location and automatically be told which point on the map is closest to me.
Can someone help me?
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 13,
center: {
lat: 40.963308,
lng: -8.594651
}
});
// Create an array of alphabetical characters used to label the markers.
var labels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
// Add some markers to the map.
// Note: The code uses the JavaScript Array.prototype.map() method to
// create an array of markers based on a given "locations" array.
// The map() method here has nothing to do with the Google Maps API.
var markers = locations.map(function(location, i) {
return new google.maps.Marker({
position: location,
label: labels[i % labels.length]
});
});
// Add a marker clusterer to manage the markers.
var markerCluster = new MarkerClusterer(map, markers, {
imagePath: 'https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/m'
});
}
var locations = [{
lat: 40.962157,
lng: -8.593313
},
{
lat: 40.962149,
lng: -8.595695
},
{
lat: 40.960351,
lng: -8.598922
},
{
lat: 40.967305,
lng: -8.591450
},
{
lat: 40.961682,
lng: -8.608136
}
]