无法将地图居中放置在gmap3中的标记上

Question

因此，我试图找到一些关于如何在标记上居中地图的文档，但不知怎么的，它对我不起作用。

在Gmap3页面上的示例中，如果不将“中心”添加到地图选项中，它也可以正常工作，对我来说，即使使用“中心： latLng”也不行。

所以我尝试了一些不同的组合没有什么真的适合我...

然后我试着分别提取纬度和经度，并检查了我在一个允许输入lat和lng的网站上得到的数字，我意识到这些曲线不是标记的，所以我不知道我提取它们的正确性还是那里是另一个问题。

这是我现在的代码-

$("#mapholder").gmap3({
    getgeoloc:{
        callback : function(latLng){
        //here is where i tried to get the lat and lng out of the latLng
            lat = parseFloat(latLng.A.toFixed(6));
            console.log(typeof(lat));
            lng = parseFloat(latLng.k.toFixed(6));
            lat_Lng = latLng;
            console.log("latitude: "+lat+" , longtitude: "+lng);
            console.log("typeof latlng: "+typeof(latLng));
            if (latLng){
                $("#mapholder").gmap3({
                    map:{
                        options:{
                            center:latLng,
                            zoom: 5
                        }
                    },
                    marker:{ 
                        latLng:latLng
                    }
                 });
             }
        }
    }
});

我试过的另一种方法是

center:[lat,lng]

即使没有像演示中那样的中心，它也不起作用。

非常感谢任何帮助！

更新

它是否与不允许这些参数的回调函数有关？

我还尝试向标记添加一个数据类型，这样它会说“你在这里！”，这也不起作用。

Answer 1

根据参考，你需要给latLong如下：

map:{
  options:{
  center: new google.maps.LatLng(lat,lng),
  zoom: 5
},

参考资料在这里。

试试这个。这对你有用。

Answer 2

脚本，因为它是正确的工作，有一个问题与您的演示：

当gmap3在隐藏我的位置选项卡的情况下创建地图实例时，#maphold没有大小（在这种情况下，地图的中心是地图的左上角）。

创建地图实例后第一次选择“我的位置”选项卡时，必须触发地图的调整大小事件并重新指定中心：

  $(link).fadeIn(1000, function(){
    $(link).addClass("current");
    if(link==='#myPlaceSection' && lat_Lng){
        $('#mapholder').gmap3({trigger:"resize"});
        $('#mapholder').gmap3({map:{options:{center:lat_Lng}}});
        lat_Lng=null;
      }
    }  
  );