Я использую API с открытым исходным кодом.Я использовал JQuery для создания маркеров.Я хочу добавить маркеры, которые зависят от количества адресов в базе данных.
Но я могу только создавать и создавать и создавать отдельные маркеры.
var mymap = L.map('mapid').setView([13.296533, 123.484662], 15);
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoiZGVhdGhrZWVwZXIyMCIsImEiOiJjanJzdDh6czgyZG4xNDlwbGM4bnJ5cjY0In0.RXJHLgg03NhGVuyhC3jhew',{
maxZoom: 18,
id: 'mapbox.streets',
accessToken: 'your.mapbox.access.token'
}).addTo(mymap);
var map_bupc = L.marker([13.296533, 123.484662]).addTo(mymap);
var map_lcc = L.marker([13.289048, 123.490361]).addTo(mymap);
var bool_click = true;
map_bupc.bindPopup("<b>BICOL UNIVERSITY POLANGUI CAMPUS</b><br>Centro Occidental, Polangui, Albay");
map_lcc.bindPopup("<b>LCC MALL Polangui</b><br>Polangui, Albay");
map_bupc.on('click',function(){
if(bool_click==true){
$("#map_info").animate({width:'0px'},'fast',function(){
$("#mapid").animate({width:'100%'},'fast');
});
$("#map_info").empty();
bool_click = false;
}else{
$("#mapid").animate({width:'70%'},'fast',function(){
$("#map_info").animate({width:'30%'},'fast');
});
}
});
map_lcc.on('click',function(){
if(bool_click==true){
$("#map_info").animate({width:'0px'},'fast',function(){
$("#mapid").animate({width:'100%'},'fast');
});
$("#map_info").empty();
bool_click = false;
}else{
$("#mapid").animate({width:'70%'},'fast',function(){
$("#map_info").animate({width:'30%'},'fast');
});
bool_click = true;
}
});
Я хотел бы получить данные из базы данных, сохранить их в массиве и объявить их внутри.файл javascript и выполнить цикл, но я не знаю, как.