Question

所以我有一个我想要使用的网站模板。模板在其中一个页面上有一个地图，我想使用地图，但更改地图显示的位置。

在.html文件中，它具有以下代码行

<div id="gmap"></div>

然后在js文件夹中找到文件

gmap3.min.js

具有以下代码

http://pastebin.com/tRLsiy7D

如何更改地图显示的位置？

Answer 1

如果您正在使用标记，则可以更改位置，如

$('.gmap3.top').gmap3({
 marker:{
    latLng:[29.132318972825445,81.32052349999992]
 }
});

或者如果您想更改Google地图和标记的中心位置

$('#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(){
     //----
    }
 }
});

有关信息，请查看此documentation

Answer 2

可能会迟到但我遇到了同样的问题并找到了解决问题的方法。

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({ ... }

只需更改该功能中的地址即可更改标记的位置。

更改默认位置图显示

2 个答案: