Javascript geojson Ajax的单张弹出窗口

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

对于传单,当我用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: 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(弹出内容); }

这里有一个工作示例:

谢谢,它太完美了!谢谢,太完美了!