我需要创建多条折线,每条折线都有自己的颜色,并且它们的标记相互连接,我使用的是 google map v3。
例如,我有五个标记,它们都通过红色多段线相互连接。现在我想以多种配色方案显示这条红色折线,第一条折线为绿色,第二条为蓝色,第三条为黑色,依此类推。
这是我的代码
<script type='text/javascript'>
var poly;
var map;
var path;
var i = parseInt(0, 10);
var marker;
function initialize() {
var chicago = new google.maps.LatLng(41.879535, -87.624333);
var myOptions = {
zoom: 7,
center: chicago,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);
var polyOptions = {
strokeColor: '#000000',
strokeOpacity: 1.0,
strokeWeight: 3
}
poly = new google.maps.Polyline(polyOptions);
poly.setMap(map);
// Add a listener for the click event
google.maps.event.addListener(map, 'click', addLatLng);
}
/**
* Handles click events on a map, and adds a new point to the Polyline.
* @param {MouseEvent} mouseEvent
*/
function addLatLng(event) {
i++;
//var path = poly.getPath();
path = poly.getPath();
var polyOptions2 = {
strokeColor: '#FFFFFF',
strokeOpacity: 1.0,
strokeWeight: 3
}
if (i == 2) {
poly.setOptions(polyOptions2);
}
else {
polyOptions2.strokeColor = "#FF0000";
poly.setOptions(polyOptions2);
}
path.push(event.latLng);
// Add a new marker at the new plotted point on the polyline.
marker = new google.maps.Marker({
position: event.latLng,
title: '#' + path.getLength(),
map: map
});
}
</script>
最佳答案
将多段线的标记选项和颜色加载到 json 数组中,并循环创建标记和多段线。
希望这能让你继续前进。
关于javascript - 在谷歌地图 v3 上更改多段线描边颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8985130/