双击更新传单Map上的位置标记

mwg9r5ms 于 2021-06-21 发布在 Mysql

关注(0)|答案(1)|浏览(334)

我有这个代码添加到由json文件生成的传单Map标记中

jQuery().ready(function (){ 
$.getJSON(
    '/EUREKA/json/map_container/json_map_container.php',
    function(data){
        for ( var i=0; i < data.length; ++i )
        {
            k=i;
            var myIcon = L.icon({
            iconUrl: 'maps/images/' + data[i].type + '.png',
            iconRetinaUrl: 'maps/images/' + data[i].type + '.png',
            iconSize: [42, 55],
            iconAnchor: [9, 21],
            popupAnchor: [0, -14]
            });
            markerArray[i] = L.marker( [data[i].latitude, data[i].longitude], {id: data[i].id, icon: myIcon, draggable:'true'} )
            .bindPopup( '<div>' + '<b>PDL di riferimento:</b> ' + data[i].codice + '<br/>'
                + '<b>Riferimento appaltatore:</b> '
                + data[i].companyId + '<br/>'
                + '<b>Tipo contenitore:</b> '
                + data[i].type + '<br/>'
                + '<b>Numero RDP:</b> '
                + data[i].rdpNumber + '<br/>'
                + '<b>Preposto di riferimento:</b> '
                + data[i].preposto + '<br/>'
                + '<b>Descrizione del rifiuto:</b> '
                + data[i].description
                + '</div>',
                {direction: 'left'} )
            .addTo( map );
            //markerArray[i] = marker1;
            markerArray[i].on('dblclick', function(e){                  
                console.log("ID Marker Array: " + markerArray[k].options.id);
                var latitudeMarker = markerArray[k].getLatLng().lat;
                var longitudeMarker = markerArray[k].getLatLng().lng;
                $.getJSON(
                '/EUREKA/json/map_container/json_update_position.php?&lat=' + latitudeMarker + '&lng=' + longitudeMarker + '&id=' + markerArray[k].options.id,
                function(data){
                    console.log("Posizione aggiornata")
                });
            });
        }
});

json'json\u map\u container.php'文件从sql查询返回日期。当我在doubleclick事件中将一个标记拖到一个新位置时，我想更新它在Map中的位置，我想用标记的新位置和id调用一个json'json\u update\u position.php'，json在我的db上执行一个更新查询，但是当我双击标记时，我已经生成了最后一个id。有人能帮我吗？

mysql JavaScript Position leaflet

来源：https://stackoverflow.com/questions/49938065/update-position-marker-on-leaflet-map-on-double-click

1条答案

按热度按时间

h7appiyu1#

阅读javascript中的闭包，看看这个描述您的问题的优秀答案中的示例5：基本上， k 将始终是在回调中读取时设置的最后一个值。
您可以应用这个答案中解释的内容，或者获取对传递给回调的事件对象中的标记的引用 e.target :

markerArray[i].on('dblclick', function(e){  
    var marker = e.target;

    console.log("ID Marker Array: " + marker.options.id);
    var latitudeMarker = marker.getLatLng().lat;
    var longitudeMarker = marker.getLatLng().lng;
    $.getJSON(
    '/EUREKA/json/map_container/json_update_position.php?&lat=' + latitudeMarker + '&lng=' + longitudeMarker + '&id=' + marker.options.id,
    function(data){
        console.log("Posizione aggiornata")
    });
});

赞(0）回复(0）举报 2021-06-21

我来回答

双击更新传单Map上的位置标记

1条答案

相关问题

热门标签

最新问答