【问题标题】:Google Maps API: Place marker at current map locationGoogle Maps API:在当前地图位置放置标记
【发布时间】:2015-01-26 07:43:23
【问题描述】:

如何通过单击按钮在地图的当前中心放置一个标记?

目前我有它,因此标记放置在特定的纬度和经度(53.41291,-8.243889999999965)。但我希望将其放置在地图的当前中心。

这是我的 Javascript:

var latlng = new google.maps.LatLng(53.41291, -8.243889999999965) ;

var infowindow = new google.maps.InfoWindow({
  content: 'This is a place'
  });

function addmarker(latilongi) {
    var marker = new google.maps.Marker({
        position: latilongi,
        title: 'new marker',
        draggable: true,
        map: map
    });
    map.setCenter(marker.getPosition())
    google.maps.event.addListener(marker, 'click', function() {
      infowindow.open(map,marker);
  });
}


$('#addPoint').on('click', function() {
    addmarker(latlng)
})

【问题讨论】:

  • 目前尚不清楚您是想要鼠标单击的标记还是地图中心的标记(您提到两者)。对于后者,jave 你看过map.getCenter()? developers.google.com/maps/documentation/javascript/…
  • 是的,最初我想通过单击按钮将其设置为地图中心,但也希望能够在单击鼠标的位置放置标记。
  • 嗯,这里有一个例子似乎可以解决这个问题:developers.google.com/maps/documentation/javascript/events
  • 感谢您的帮助:)
  • 当然。只是一个建议:尝试谷歌搜索您的问题。只需具体说明您在搜索中要查找的内容,您就会在 2-3 个结果中找到大约 99.999% 的答案。

标签: javascript google-maps google-maps-api-3


【解决方案1】:

你想把你的标记放在地图的中心吗?

function addmarker() {
    var marker = new google.maps.Marker({
        position: map.getCenter(),
        title: 'new marker',
        draggable: true,
        map: map
    });

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

如果您还希望能够在地图上单击并添加一个标记(并且大概遵循相同的规则,将地图置于该位置的中心)...

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-05-01
    • 2013-08-27
    • 2013-06-27
    • 2013-09-07
    • 1970-01-01
    • 2012-11-30
    • 1970-01-01
    相关资源
    最近更新 更多