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

时间:2015-02-24 21:21:07

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

我的网站(生产中)有一个谷歌地图,标记很少,我想知道是否可以在现有地图上添加标记而无需刷新我的谷歌地图。

这就是我所拥有的:

  • 我加载了我的网页,谷歌地图显示标记

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

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

这是我的代码:

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

2 个答案:

答案 0 :(得分:2)

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

答案 1 :(得分:0)

是。当您最初添加标记时,您可能会执行以下操作:

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

地图已存在(地图:地图),您添加了标记。您可以稍后再添加更多标记。