Question

我使用模板工具'beaver builder'创建了一个Wordpress网站。该工具有一个谷歌地图模块，但这不是很好。例如，我无法更改为缩放级别和居中。

我还想在群集中显示特定的标记。

这是网页：http://www.depot-rato.be/het-project/

有没有办法用一些Javascript或jQuery控制谷歌地图？

$query = "SELECT id, name, keybox, posterid, alias, xmdb from `datasys` WHERE name LIKE '%".$filter."%' OR keybox LIKE '%".$filter."%' ORDER BY id LIMIT 0, 10";

提前致谢。

Answer 1

我找到了解决方案：

jQuery(document).ready(function($) { 
    var aLocation = { lat: 51.009054, lng: 4.509285};

    $('.gmap').gmap('get','map').setOptions(
        {
            'zoom': 18,
            'center': aLocation
        }
    ); 
});

Answer 2

我是这样做的（在地图初始化时，重置地图和标记）：

var aLocation= { lat: 48.4728146, lng: 7.499930100000029 };

map = new google.maps.Map(document.getElementById('myMap'), {
    zoom: 5,
    center: aLocation,
    title: 'myMapTitle',
});

或者像这样（这个不应该初始化地图或标记）：

map.setZoom(5);
map.setCenter(aLocation);

map.panTo(aLocation);// no need for this one, if you used the one above

你可以在这里试试（点击标记）：

https://codepen.io/sam67/pen/KRGLjY

控制Google Mx的缩放级别

2 个答案: