Eli*_*ols 13 javascript geolocation markers mapbox
在我正在构建的地图框应用程序中,我根据用户的地理位置将多个标记加载到页面上,但问题是我需要某些标记高于其他标记,但标记不zIndex符合我设置的标记.这是我的代码.
function addMarker(type, radius, height, lat, long, id, special, name) {
var circle_options;
switch (type) {
case marker.RESTRICTED:
circle_options = {
color: '#D90000',
fillColor: '#D90000', // Fill color
fillOpacity: 0.4, // Fill opacity
stroke: false,
zIndexOffSet: -1
};
break;
case marker.NOT_RECOMMENDED:
circle_options = {
color: '#FF8000',
fillColor: '#FF8000', // Fill color
fillOpacity: 0.75, // Fill opacity
stroke: false,
zIndexOffSet: 1000
};
break;
case marker.USER_RECOMMENDED:
circle_options = {
color: '#9FCC1C',
fillColor: '#9FCC1C', // Fill color
fillOpacity: 0.75, // Fill opacity
stroke: false,
zIndexOffSet: 1000
};
break;
case marker.APPROVED:
circle_options = {
color: '#006ADC',
fillColor: '#006ADC', // Fill color
fillOpacity: 0.75,
stroke: false,
zIndexOffSet: 1000
};
break;
}
var mark = L.circle([
lat, long
], radius * 1609.34, circle_options);
if (nav.currentPage() == 'location-details') {
if (mapElement) {
mapElement.setView([lat, long], zoomMap[radius])
mapElement.removeLayer(use);
mapElement.removeLayer(ic);
}
}
else if (nav.currentPage() == 'home') {
mark.objectId = id;
circles.push(mark);
}
mark.on('click', function (e) {
var self = id;
circles.some(function (item) {
if (self == item.objectId) {
nav.navigate('location-details', false, item.objectId);
return true;
}
});
})
mark.addTo(mapElement)
}
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
1451 次 |
| 最近记录: |