0

ランダムに配置されたマーカーのラベルにLatLngを追加して、そのマーカーの位置を表示できますか? infoWindowオプションも考慮していますが、まだ成功していません。javascriptを使ってGoogleマップにランダムに配置されたマーカーのラベルに場所を追加する方法はありますか?

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); 

答えて

0

ラベルの意味が不明です。

これは、緯度経度での情報ウィンドウをマップにマーカーを追加します:これは私が必要な情報だったいくつかの調整と

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>

+1

感謝を。 @ジョンはコードヒーローです – Edwin

関連する問題