1
我得到的錯誤是:我使用jQuery將地標插入到傳單地圖中。但是,當我試圖通過單擊鏈接而它給插入標Me錯誤
Uncaught Error: Map container is already initialized.
功能通過使用其他功能pullJson()
劃分我想可視化的數據placethemarks()
加載數據點擊相應的鏈接即可查看地圖。我怎樣才能解決這個錯誤?
$(window).load(function(){
var element = $('#mapPage');
element.height(element.height() - 42);
var map = L.map('map').setView([44.493889, 11.342778], 13);
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', attributionControl = false).addTo(map);
});
function placethemarks(){
var jsondata = pullJsonData();
var marker_art = new Array();
var marker_museum = new Array();
for(var a in jsondata) {
var tipocat = jsondata[a].type;
if (tipocat == 'artwork') {
storeCoordinate(jsondata[a].geometry.coordinates[0], jsondata[a].geometry.coordinates[1], marker_art);
} else if(tipocat == 'arts_centre'||tipocat == 'museum') {
storeCoordinate(jsondata[a].geometry.coordinates[0], jsondata[a].geometry.coordinates[1], marker_museum);
}
}
var marker_array = [];
for (var i = 0; i < marker_art.length; i++) {
var x = marker_art[i].x;
var y = marker_art[i].y;
var arr = [y, x];
marker_array.push(arr);
}
for(var i = 0; i < marker_array.length-1; i++) {
new L.marker(marker_array[i]).addTo(map);
}
}
<li><a href="#" data-icon="star" onClick=placethemarks()>Art</a></li>
<li><a href="#" data-icon="star" onClick=placethemarks()>Museums</a></li>