将标记添加到现有的谷歌地图(不刷新谷歌地图)

Add marker to existing google map (without refresh google map)

本文关键字:谷歌地图 刷新 添加      更新时间:2024-05-22

我的网站上有一个谷歌地图(正在生产中),几乎没有标记,我想知道是否可以在现有地图上添加标记而不刷新我的谷歌地图。

这就是我所拥有的:

  • 我加载我的网页,谷歌地图出现标记

  • 点击一个按钮,我想在我的地图上添加一个标记(不刷新我的页面或谷歌地图)

我可以通过刷新我的谷歌地图来实现这一点,但我认为由于每天谷歌地图显示的限制,最好不刷新。

这是我的代码:

    <button onclick="addMarker()">Add marker</button>
<script>
    function addMarker(){
    var myLatLng = new google.maps.LatLng(44, 6);
    var marker = new google.maps.Marker({
                position: myLatLng,
                map: map,
            });
    }
</script>
var latlng = new google.maps.LatLng(42.745334, 12.738430);
function addmarker(latilongi) {
    var marker = new google.maps.Marker({
        position: latilongi,
        title: 'new marker',
        draggable: true,
        map: map
    });
    map.setCenter(marker.getPosition())
}
$('#btnaddmarker').on('click', function() {
    addmarker(latlng)
})

是。当你最初添加标记时,你可能会做一些类似的事情:

var marker = new google.maps.Marker({
  position: myLatlng,
  map: map,
  title: 'Hello World!'
});

地图已经存在(地图:地图),并且您添加了标记。您可以稍后执行相同的操作来添加更多标记。