简体   繁体   English

有没有一种方法可以将位置添加到使用JavaScript随机放置在Google地图中的标记的标签上?

[英]Is there a way to add location to the label of a marker that is randomly placed in google maps with javascript?

Is it possible to add the LatLng to the label of the marker that is placed at random to show where that marker is? 是否可以将LatLng添加到随机放置的标记的标签上,以显示该标记的位置? Also considering the infoWindow option but have not been successful yet. 还考虑了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);

Not sure what you mean by a label. 不确定标签的含义。

this will add markers to the map with an info window with the latlng: 这将使用带有latlng的信息窗口将标记添加到地图:

    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> 

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM