Google地图:平移到点击它的geojson路线的中心

时间:2014-09-21 16:47:00

标签: javascript google-maps geojson

我是谷歌地图的新手,在这里和那里看完后我无法完成这项工作。

我正在做一个谷歌地图,我在那里使用geojson显示自行车森林路线(线串类型,由坐标点给出)。

“type”:“功能”,             “properties”:{                 “名字”:“larouco”,                 “红色”             },             “几何”:{                 “type”:“LineString”,                 “坐标”:[[-7.634432,41.955357,981.6],[ - 7.635379,41.954641,896.1],[ - 7.635824,41.953955,900.9] ................}} < / p>

此刻一切都很好。

点击它时,我需要将地图平移到道路中心。

map.data.loadGeoJson('http://myroutes.json');

map.data.setStyle(function(feature) {
    var color = feature.getProperty('color');

    return {
        strokeColor: color,
        strokeWeight: 3
    };
});

map.data.addListener('mouseover', function(event) {
    map.data.revertStyle();
    map.data.overrideStyle(event.feature, {strokeWeight: 8});
});

map.data.addListener('mouseout', function(event) {
    map.data.revertStyle();
});

这是问题开始的地方

map.data.addListener('click', function(event) {

  var center_rute = getCenter(new google.maps.LatLngBounds());
  map.panTo(center_container);

        //map.setZoom(13);

});

认为LatLngBounds就是这样,但我在圈子里奔跑......

谢谢, 七月

1 个答案:

答案 0 :(得分:0)

您必须访问该功能的geometry,并通过迭代路径点(几何)来自行创建LatLngBounds