如何通过单击更改多段线颜色? [英] how to change polyline color by clicking on it?

问题描述

我正在使用Google Maps API提供的drawig工具，我想在drawig折线之后通过单击其颜色来更改其颜色这是我的代码

i am using drawnig tools provided by google maps api, and i want after drawnig the polyline, to change its color by clicking on it this is my code

function initialize() {
    var mapOptions = {
        center: new google.maps.LatLng(-34.397, 150.644),
        zoom: 8
    };

    var map = new google.maps.Map(document.getElementById('map-canvas'),mapOptions);

    var drawingManager = new google.maps.drawing.DrawingManager({
        drawingMode: google.maps.drawing.OverlayType.MARKER,
        drawingControl: true,
        drawingControlOptions: {
            position: google.maps.ControlPosition.TOP_CENTER,
            drawingModes: [
                google.maps.drawing.OverlayType.MARKER,
                google.maps.drawing.OverlayType.POLYLINE
            ]
        },
        markerOptions: {
            icon: 'images/beachflag.png'
        },
        circleOptions: {
            fillColor: '#ffff00',
            fillOpacity: 1,
            strokeWeight: 5,
            clickable: true,
            zIndex: 1
        }
    });

    drawingManager.setMap(map);
}

google.maps.event.addDomListener(window, 'load', initialize);

推荐答案

您必须在initialize()函数中添加事件 polylinecomplete 的侦听器，并定义 click 事件侦听器，例如:

You have to add listener for event polylinecomplete inside initialize() function and define click event listener, for example:

google.maps.event.addListener(drawingManager, 'polylinecomplete', function(polyline) {
    google.maps.event.addListener(polyline, 'click', function() {
        polyline.setOptions({strokeColor: '#FF0000'});
    });
});

这篇关于如何通过单击更改多段线颜色?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！