Javascript geojson Ajax的单张弹出窗口
对于传单,当我用Ajax加载geojson层时,如何在每个标记上弹出窗口Javascript geojson Ajax的单张弹出窗口,javascript,ajax,leaflet,Javascript,Ajax,Leaflet,对于传单,当我用Ajax加载geojson层时,如何在每个标记上弹出窗口 var map = L.map('map', { center: [44.3, -0.3], zoom: 9 }); var my_layer_geoJson= new L.geoJson(); my_layer_geoJson.addTo(map); $.ajax({ dataType: "json", url: "geojson/data.php", success: fu
var map = L.map('map', {
center: [44.3, -0.3],
zoom: 9
});
var my_layer_geoJson= new L.geoJson();
my_layer_geoJson.addTo(map);
$.ajax({
dataType: "json",
url: "geojson/data.php",
success: function(data) {
$(data.features).each(function(key, data) {
my_layer_geoJson.addData(data);
});
}
}).error(function() {});
谢谢大家!!Matthieu我会在收到数据时创建geojson层,如下所示
var map = L.map('map', {
center: [44.3, -0.3],
zoom: 9
});
$.ajax({
dataType: "json",
url: "geojson/data.php",
success: function(data) {
L.geoJson(data, {
onEachFeature: onEachFeature
}).addTo(map);
}
}).error(function() {});
function onEachFeature(feature, layer) {
var popupContent = "<p>Hello world</p>";
layer.bindPopup(popupContent);
}
var map=L.map('map'{
中间:[44.3,-0.3],
缩放:9
});
$.ajax({
数据类型:“json”,
url:“geojson/data.php”,
成功:功能(数据){
L.geoJson(数据、{
onEachFeature:onEachFeature
}).addTo(地图);
}
}).error(函数(){});
功能onEachFeature(功能,图层){
var popupContent=“Hello world”;
layer.bindPopup(弹出内容);
}
下面是一个工作示例:我将在接收数据时创建geojson层,如下所示
var map = L.map('map', {
center: [44.3, -0.3],
zoom: 9
});
$.ajax({
dataType: "json",
url: "geojson/data.php",
success: function(data) {
L.geoJson(data, {
onEachFeature: onEachFeature
}).addTo(map);
}
}).error(function() {});
function onEachFeature(feature, layer) {
var popupContent = "<p>Hello world</p>";
layer.bindPopup(popupContent);
}
var map=L.map('map'{
中间:[44.3,-0.3],
缩放:9
});
$.ajax({
数据类型:“json”,
url:“geojson/data.php”,
成功:功能(数据){
L.geoJson(数据、{
onEachFeature:onEachFeature
}).addTo(地图);
}
}).error(函数(){});
功能onEachFeature(功能,图层){
var popupContent=“Hello world”;
layer.bindPopup(弹出内容);
}
这里有一个工作示例:谢谢,它太完美了!谢谢,太完美了!