Javascript 向现有谷歌地图添加标记（不刷新谷歌地图）

我有一个谷歌地图在我的网站上生产的几个标记，我想知道是否有可能添加一个现有的地图上的标记，而不刷新我的谷歌地图

这就是我所拥有的：

我加载我的网页，谷歌地图出现与标记

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

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

这是我的代码：

    <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 marker = new google.maps.Marker({
  position: myLatlng,
  map: map,
  title: 'Hello World!'
});

---

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

地图是否在addmarkerlatilongi中正常工作，或者如果您有多个地图，您是否希望通过addmarkerlatilongi、map传递它？如果它不工作，它将刷新我的地图。我的地图是黑白色的，当我点击我的按钮时，地图显示没有我的黑白色，看起来地图是刷新的。你能给我们一个你的地图的JSFIDLE吗？是的，这是我的JSFIDLE：谢谢你。当地图变量不工作时，它不是全局可访问的。另外：您应该给按钮类型属性按钮，否则它将是一个提交按钮。

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