在谷歌地图中使用多个标记绘制边框作为半径

时间:2017-09-02 09:31:12

标签: jquery google-maps

我正面临着谷歌地图的问题,在多个标记区域范围内绘制一条边界线。我有一个参考网站,我想像参考网站一样绘制。 您可以查看URL。 我尝试使用poliline创建相同的边框,但是行跟随标记位置。 您可以查看我的Working Fiddle。 工作守则:

function initMap(){
var map = new google.maps.Map(document.getElementById('map'),{
zoom: 10,
center: new google.maps.LatLng(52.520, 13.410),
mapTypeId: google.maps.MapTypeId.ROADMAP
});  
var flightPlanCoordinates = [
 {lat: 52.511, lng: 13.447},
    {lat: 52.549, lng: 13.422},
    {lat: 52.497, lng: 13.396},
    {lat: 52.517, lng: 13.394}
];  
var flightPath = new google.maps.Polyline({
path: flightPlanCoordinates,
geodesic: true,
strokeColor: '#FF0000',
strokeOpacity: 1.0,
strokeWeight: 2
});
flightPath.setMap(map);  
var marker, i;
for (i = 0; i < flightPlanCoordinates.length; i++) {  
console.log();
marker = new google.maps.Marker({
position: new google.maps.LatLng(flightPlanCoordinates[i].lat, flightPlanCoordinates[i].lng),
map: map
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
  infowindow.setContent('text');
  infowindow.open(map, marker);
}
})(marker, i));
}  
}

所以我需要知道参考站点寄宿生是由polinine或其他任何东西创建的。

查看截图: Map Sreenshot 我需要你的帮助才能实现我的目标。 非常感谢提前。

0 个答案:

没有答案