Google 放大功能后地图标记消失

Question

您好，我正在使用 HTML5，我有一个简单的 js 函数，我可以在其中设置地图的中心和缩放比例：

function goToMaxZoom(){
  var map=new google.maps.Map(document.getElementById("map"));
    map.setCenter(new google.maps.LatLng(12.32323, -3.683639) );
    map.setZoom(16);}

一切正常，除了地图标记，它们没有显示

我也尝试添加：

marker.setMap(map);

制作一个新的但它不起作用，即使我添加了整个标记构建：

 var map=new google.maps.Map(document.getElementById("map"),mapProp);
 var marker=new google.maps.Marker({
 position:(12.32323, -3.683639),
 });

所以我想我遗漏了什么。提前致谢

Answer 1

在将 LatLng 添加到标记之前，您需要创建一个 LatLng 对象，如下所示

var myLatLng = new google.maps.LatLng(12.32323, -3.683639)

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

您还可以使用以下构造函数创建 LatLng 对象

var myLatLng = new google.maps.LatLng({lat: 12.32323, lng: -3.683639});

或

var myLatLng = {lat: 12.32323, lng: -3.683639};

这三种都是创建 LatLng 对象的有效方法

Google 放大功能后地图标记消失

Google maps Marker dissapear after zoom in function

html

javascript

google-maps

google-maps-markers