所以我有一个我想使用的网站模板。该模板在其中一个页面上有一张地图,我想使用该地图,但更改了地图显示的位置。
在 .html 文件中,它具有以下代码行
<div id="gmap"></div>
然后在js文件夹中的文件
gmap3.min.js
有以下代码
如何更改地图显示的位置?
所以我有一个我想使用的网站模板。该模板在其中一个页面上有一张地图,我想使用该地图,但更改了地图显示的位置。
在 .html 文件中,它具有以下代码行
<div id="gmap"></div>
然后在js文件夹中的文件
gmap3.min.js
有以下代码
如何更改地图显示的位置?
如果您使用的是标记,那么您可以更改位置,例如
$('.gmap3.top').gmap3({
marker:{
latLng:[29.132318972825445,81.32052349999992]
}
});
或者如果你想改变谷歌地图和标记的中心位置
$('#gmap').gmap3({
map:{
options:{
center: [-33, 151], //---place the lat and lon of map's center position
zoom: 8
}
},
marker:{
latLng: [-33, 151], //---place the lat and lon of marker
callback: function(){
//----
}
}
});
有关信息,请查看此文档
可能为时已晚,但我遇到了同样的问题并找到了解决方法。
gmap3.js 或 map3.min.js 上的 Javascript 被配置为从地址获取标记的位置,而所有其他值都设置为 false,包括 LatLng,正如我们在 gmap3.js 的代码中看到的那样:
latLng:{
map:false,
marker:false,
infowindow:false,
circle:false,
overlay: false,
getlatlng: false,
getmaxzoom: false,
getelevation: false,
streetviewpanorama: false,
getaddress: true
},
在大多数模板上,地址位于 HTML 文件末尾的脚本中,位于函数上:
$(document).ready(function() {
$("#gmap").gmap3({ ... }
只需更改该函数中的地址,标记的位置就会更改。