我想通过我的地址表进行选择并将颜色更改为某些街道。 我想使用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: '© <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>
此代码设计了一条包含不同经纬度列表的行,这些行经了很久,但没有沿街行驶。我需要不同的逻辑,因为我只想给街道涂颜色。