У меня есть 2 разных div, которые используют буклет в качестве объекта карты.Я хочу определить объекты моей карты в функции, такие как
html
<div id="mymap"></div>
<div id="mymap2"></div>
javascript
var map;
function define_map(map_id) {
var osmUrl = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png',
osm = L.tileLayer(osmUrl, {
maxZoom: 7
}),
map = new L.Map(map_id, {
center: new L.LatLng(51.505, -0.04),
zoom: 7
}),
drawnItems = L.featureGroup().addTo(map);
});
define_map("mymap");
define_map("mymap2");
$(".btnmarker").on("click", function() {
console.log(map);
L.DomUtil.addClass(map._container, 'my_crosshair-cursor-enabled'); // ON THIS LINE GETTING ERROR CODE Cannot read property '_container' of undefined
selected_tool = $(this).attr("id");
});
Нет проблем, мои карты работают нормально до доступаособенности их из события нажатия кнопки (эта кнопка добавит класс маркера на карту, на которой я щелкнул по ней)
Но я получаю карту, ошибка не определена.map - это переменная, определенная в верхней строке страницы.
Спасибо invvvance