2

我想通过我的地址表选择并更改某些街道的颜色。我想使用 ajax 和 json 结果并用不同的颜色改变这个地址的整个道路。

使用 ajax 并按纬度和经度放置标记没问题，但我不知道在这一点（纬度，经度）改变街道颜色的方法。

    <html>
        <head>
            <title>Leaflet Polyline Example</title>
            <link rel="stylesheet" href="leaflet/leaflet.css" />
            <!--[if lte IE 8]><link rel="stylesheet" href="leaflet/leaflet.ie.css" /><![endif]-->
            <script src="leaflet/leaflet.js"></script>
            <script language="javascript">
                function init() {
                    var map = new L.Map('map');
                    L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
                        attribution: '&copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors',
                        maxZoom: 18
                    }).addTo(map);
                    map.attributionControl.setPrefix(''); // Don't show the 'Powered by Leaflet' text.
                    //Define an array of Latlng objects (points along the line)
                    var polylinePoints = [
                        new L.LatLng(43.078271, 12.424237),
                        new L.LatLng(43.077759, 12.423706),
                    ];
                    var polylineOptions = {
                        color: 'blue',
                        weight: 6,
                        opacity: 0.9
                    };
                    var polyline = new L.Polyline(polylinePoints, polylineOptions);
                    map.addLayer(polyline);
                    // zoom the map to the polyline
                    map.fitBounds(polyline.getBounds());
                }
            </script>
        </head>
        <body onLoad="javascript:init();">
            <div id="map" style="height: 100%"></div>
        </body>                                                                                                                          
    </html>

这段代码设计了一条带有不同纬度列表的行，很久过去了，但不要跟随街道。我需要不同的逻辑，因为我只想要街道的颜色。

4

0 回答 0