有沒有一種方法將位置添加到隨機放置在帶有JavaScript的Google地圖中的標記的標籤上？

Question

是否可以將LatLng添加到隨機放置的標記的標籤以顯示標記的位置？還考慮到infoWindow選項，但尚未成功。

var map; 
var markers = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'; 
var markersIndex = 0; 

function initialize() { 
    var Wilm = new google.maps.LatLng(34.2257,-77.9447); 
    var mapOptions = { 
     zoom: 12, 
     center: Wilm, 
     mapTypeId: google.maps.MapTypeId.TERRAIN 
    } 
    map = new google.maps.Map(document.getElementById('map- 
    canvas'),mapOptions); 



    google.maps.event.addListener(map, 'click', function(event) { 
      addMarker(event.latLng); 
    }); 


} 

function addMarker(location) { 

     var marker = new google.maps.Marker({ 
     position: location, 
     label: markers[markersIndex++ % markers.length], 
     map: map 
    }); 
    google.maps.event.addListener(marker, 'rightclick', function(event) { 
      marker.setMap(null); 
    }); 

    markers.push(marker); 
} 

google.maps.event.addDomListener(window, 'load', initialize); 

Answer 1

不確定標籤的含義。

這將添加標記到地圖與經緯度的信息窗口：

function initMap() { 
    var Wilm = new google.maps.LatLng(34.2257, -77.9447); 
    var mapOptions = { 
    zoom: 12, 
    center: Wilm, 
    mapTypeId: google.maps.MapTypeId.TERRAIN 
    } 
    map = new google.maps.Map(document.getElementById('map'), mapOptions); 

    google.maps.event.addListener(map, 'click', function(event) { 
    placeMarker(event.latLng); 
    }); 
} 

function placeMarker(location) { 


    var marker = new google.maps.Marker({ 
    position: location, 
    map: map 
    }); 

    var contentString = 'Lat' + marker.getPosition().lat() + ', lng: ' + marker.getPosition().lng(); 

    var infowindow = new google.maps.InfoWindow({ 
    content: contentString 
    }); 

    marker.addListener('click', function() { 
    infowindow.open(map, marker); 
    }); 
} 

function initMap() { 
 
    var Wilm = new google.maps.LatLng(34.2257, -77.9447); 
 
    var mapOptions = { 
 
    zoom: 12, 
 
    center: Wilm, 
 
    mapTypeId: google.maps.MapTypeId.TERRAIN 
 
    } 
 
    map = new google.maps.Map(document.getElementById('map'), mapOptions); 
 

 
    google.maps.event.addListener(map, 'click', function(event) { 
 
    placeMarker(event.latLng); 
 
    }); 
 
} 
 

 
function placeMarker(location) { 
 

 

 
    var marker = new google.maps.Marker({ 
 
    position: location, 
 
    map: map 
 
    }); 
 

 
    var contentString = 'Lat' + marker.getPosition().lat() + ', lng: ' + marker.getPosition().lng(); 
 

 
    var infowindow = new google.maps.InfoWindow({ 
 
    content: contentString 
 
    }); 
 

 
    marker.addListener('click', function() { 
 
    infowindow.open(map, marker); 
 
    }); 
 
}

<div id="map"></div> 
 
<!-- Replace the value of the key parameter with your own API key. --> 
 
<script async defer src="https://maps.googleapis.com/maps/api/js?key=KEY&callback=initMap"> 
 

 

 
</script>