Javascript 谷歌地图中的多段线闪烁
谁能告诉我如何使多段线连续闪烁。 我在谷歌地图上画了一条多段线,但我无法让它闪烁 我的javascript代码如下所示Javascript 谷歌地图中的多段线闪烁,javascript,google-maps,polyline,Javascript,Google Maps,Polyline,谁能告诉我如何使多段线连续闪烁。 我在谷歌地图上画了一条多段线,但我无法让它闪烁 我的javascript代码如下所示 function initialize() { var center = new google.maps.LatLng(10.012552, 76.327043); var myOptions = { zoom: 16, center: center, mapTypeControl: true,
function initialize() {
var center = new google.maps.LatLng(10.012552, 76.327043);
var myOptions = {
zoom: 16,
center: center,
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
},
navigationControl: true,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var polylineCoordinates = [
new google.maps.LatLng(10.013566, 76.331549),
new google.maps.LatLng(10.013566, 76.331463),
new google.maps.LatLng(10.013503, 76.331313),
new google.maps.LatLng(10.013482, 76.331205),
new google.maps.LatLng(10.013419, 76.330926),
new google.maps.LatLng(10.013334, 76.330712),
new google.maps.LatLng(10.013313, 76.330411),
new google.maps.LatLng(10.013292, 76.330175),
new google.maps.LatLng(10.013228, 76.329854),
new google.maps.LatLng(10.013144, 76.329553),
new google.maps.LatLng(10.013059, 76.329296),
new google.maps.LatLng(10.012996, 76.329017),
new google.maps.LatLng(10.012869, 76.328802),
new google.maps.LatLng(10.012785, 76.328545),
new google.maps.LatLng(10.012700, 76.328223),
new google.maps.LatLng(10.012679, 76.328030),
new google.maps.LatLng(10.012658, 76.327837),
new google.maps.LatLng(10.012637, 76.327600),
new google.maps.LatLng(10.012573, 76.327322),
new google.maps.LatLng(10.012552, 76.327043),
];
var polyline = new google.maps.Polyline({
path: polylineCoordinates,
strokeColor: '#FF3300',
strokeOpacity: 2.0,
strokeWeight: 5,
editable: false
});
polyline.setMap(map);
var icon = new google.maps.MarkerImage("http://maps.google.com/mapfiles/ms/micons/blue.png");
new google.maps.Marker({
position: polylineCoordinates[polylineCoordinates.length - 1],
icon: icon,
map: map,
clickable: false
});
}
initialize();
这对我很有用:
var map = null; // and remove "var" from in front of the declaration in the initialize function
var polyline = null; // and remove "var" from in front of the declaration in the initialize function
function togglePolyline() {
if (polyline.getMap() == null) {
polyline.setMap(map); }
else {
polyline.setMap(null); }
}
setInterval(togglePolyline, 1000);