Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌地图:点击它,平移到geojson路线的中心_Javascript_Google Maps_Geojson - Fatal编程技术网

Javascript 谷歌地图:点击它,平移到geojson路线的中心

Javascript 谷歌地图:点击它,平移到geojson路线的中心,javascript,google-maps,geojson,Javascript,Google Maps,Geojson,我是谷歌地图的新手,在阅读了这里和那里的内容后,我无法实现这一点 我在谷歌地图上用geojson(线串类型,由坐标点给出)显示自行车森林路线 “类型”:“功能”, “财产”:{ “名称”:“拉鲁科”, “颜色”:“红色” }, “几何学”:{ “类型”:“行字符串”, “坐标”:[-7.634432,41.955357981.6],-7.635379,41.954641896.1],-7.635824,41.953955900.9]……] 现在一切都好 当你点击地图时,我需要将它平移到路的中心

我是谷歌地图的新手,在阅读了这里和那里的内容后,我无法实现这一点

我在谷歌地图上用geojson(线串类型,由坐标点给出)显示自行车森林路线

“类型”:“功能”, “财产”:{ “名称”:“拉鲁科”, “颜色”:“红色” }, “几何学”:{ “类型”:“行字符串”, “坐标”:[-7.634432,41.955357981.6],-7.635379,41.954641896.1],-7.635824,41.953955900.9]……]

现在一切都好

当你点击地图时,我需要将它平移到路的中心

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是一种方式,但我在兜圈子

谢谢,
七月

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

这个例子让我大开眼界。谢谢你的帮助,莫勒博士!!!