javascript - 无法在 gmap3 中将 map 居中放置在标记上

Question

所以我试图找到一些关于如何将 map 置于标记中心的文档，但不知何故，它对我不起作用。

在 Gmap3 的例子中页面在不向 map 选项添加“中心”的情况下工作正常，对我来说，即使使用“center:latLng”也是行不通的。

所以我尝试了一些不同的组合，但对我来说没什么用..

然后我尝试分别提取纬度和经度并检查我得到的数字在允许输入纬度和经度的网站上，我意识到坐标不是标记的坐标，所以我不知道我是否正确提取它们或者还有其他问题。

这是我现在的代码-

$("#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]

甚至没有像 demo 中那样的任何中心它没有用。

非常感谢您的帮助!

更新

会不会是回调函数不允许那些参数有什么关系？

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

Answer 1

脚本是正确的，你的演示有问题:

当 gmap3 创建 map 实例时隐藏“我的位置”选项卡 #mapholder 没有大小(在这种情况下， map 的中心是 map 的左上角)。

当您在创建 map 实例后第一次选择“我的地点”选项卡时，您必须触发 map 的调整大小事件并重新分配中心:

  $(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;
      }
    }  
  );