Я делаю инструмент рисования области для веб-приложения, и я использую маркеры в качестве якорей, которые пользователь может использовать для изменения формы многоугольника.Есть ли способ изменить изображение значка в зависимости от уровня масштабирования? (leaflet.js)
Это то, что у меня есть до сих пор. http://demos.nodeline.com/leaflet_development/
репо находится на https://github.com/SpencerCooley/Leaflet_development
$(document).ready(function(){
var map, cloudmade, sanAntonio, polygonPoints
map = new L.Map('map');
cloudmade = new L.TileLayer('http://{s}.tile.cloudmade.com/d4334cd6077140e3b92ccfae2b363070/997/256/{z}/{x}/{y}.png', {
attribution: 'Map data © <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://cloudmade.com">CloudMade</a>',
maxZoom: 18
});
sanAntonio = new L.LatLng(29.4238889, -98.4933333); // geographical point (longitude and latitude)
map.setView(sanAntonio, 13).addLayer(cloudmade);
polygonPoints = [];
var polygon = new L.Polygon(polygonPoints);
map.addLayer(polygon);
map.on('click', function(e) {
var marker = new L.Marker(e.latlng, {draggable:true});
polygonPoints.push(e.latlng);
var markerId = polygonPoints.length -1
map.addLayer(marker);
polygon.setLatLngs(polygonPoints);
marker.on('drag', function(){
var locationWhileDrag = marker.getLatLng();
$('#first_marker').val(locationWhileDrag);
polygonPoints.splice(markerId,1,locationWhileDrag);
polygon.setLatLngs(polygonPoints);
});
});
});
Я только хочу, чтобы маркеры быть нормального размера, когда пользователь увеличено до уровня улицы. Когда вы уменьшаете масштаб, маркеры нормального размера полностью заглушают многоугольник. Я просмотрел документы, но не смог найти ничего об этом.
Я в основном ищу предложения/мозговой штурм. Я думаю, может быть, есть способ определить, в каком состоянии масштабирования вы сейчас находитесь? Если это так, я могу использовать оператор if для изменения значка.