1

次のリーフレット コードがあります。

<script>
    var lat = '<%=_city.Gps.Latitude.ToString(CultureInfo.InvariantCulture) %>';
    var lon = '<%=_city.Gps.Longitude.ToString(CultureInfo.InvariantCulture) %>';

    var map = L.map('map').setView([lat, lon], 8);
    L.tileLayer('http://{s}.tile.cloudmade.com/BC9A493B41014CAABB98F0471D759707/997/256/{z}/{x}/{y}.png', {
        maxZoom: 18,
        attribution: 'Map data &copy; <a href="http://openstreetmap.org">OpenStreetMap</a> contributors, <a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="http://cloudmade.com">CloudMade</a>'
    }).addTo(map);

    L.circle([lat, lon], 15000, {
        color: 'orange',
        fillColor: '#f03',
        fillOpacity: 0.5
    }).addTo(map).bindPopup("XXXX.");

    var popup = L.popup();

    function onMapClick(e) {
        popup
            .setLatLng(e.latlng)
            .setContent("You clicked the map at " + e.latlng.toString())
            .openOn(map);
    }    
</script>

JSON でデータを取得する AJAX 呼び出しを行いたいと考えています。このリーフレット スクリプトに JQuery を組み込むにはどうすればよいですか?

これは私のAJAX呼び出しがどのように見えるかです:

$("#mymap").load(function () {
    $.getJSON("Ajax/MyService.svc/GetCityCoordinates", function (response) {
        var d = JSON.parse(response.d);
        // Use leaflet code to mark the cities....
    return false;
});

これら 2 つのスクリプト ブロックを混在させるには、助けが必要です。誰かがそれらのスクリプトを混合する方法を手伝ってくれますか?

4

2 に答える 2

1

http://labs.easyblog.it/maps/leaflet-layerjson/

このプラグインは必要なことを行います。jquery ajax メソッドを使用するか、jquery を含めずに独自の ajax/jsonp リクエストを使用できます。

于 2014-01-09T00:50:42.300 に答える