第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會(huì)有你想問的

如何在傳單中將自定義數(shù)據(jù)添加到折線？

如何在傳單中將自定義數(shù)據(jù)添加到折線？

達(dá)令說 2022-05-26 14:34:21
在 jquery 3/leaflet / turf 應(yīng)用程序中，我使用從 CircleMarker 擴(kuò)展的自定義類，因?yàn)槲倚枰谌魏螛?biāo)記中保留有關(guān)任何點(diǎn)的信息和附近點(diǎn)的信息。標(biāo)記與折線相連，我想保留類似的信息折線并單擊它獲取此信息。我沒能做到。我愿意    customCircleMarker = L.CircleMarker.extend({        options: {            first_market: false,            last_market: false,            point_id: null,            prior_point_id: null,        }    });    var selectedPoint= {}    var points = [        {id: 1, title:'title #1 ', lat:52.509, lng:-3.08},        {id: 2, title:'title #2 ', lat:51.503, lng:-1.06},        {id: 3, title:'title #3 ', lat:49.51, lng:-2.47}    ];    var mymap = L.map('mapid').setView([51.505, -0.09], 7);    L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', {        maxZoom: 18,        attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, ' +            '<a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, ' +            'Imagery ? <a href="https://www.mapbox.com/">Mapbox</a>',        id: 'mapbox/streets-v11',        tileSize: 512,        zoomOffset: -1    }).addTo(mymap);    drawPoints()    function drawPoints() {        let polylinePoints= []  // I get all info about all Polylines        let loop_index =  0        points.forEach(point => {            let priorPoint= null            if(loop_index > 0) {                priorPoint= points[loop_index - 1]            }如何將自定義數(shù)據(jù)添加到折線？
查看完整描述

1 回答

?
MM們

TA貢獻(xiàn)1886條經(jīng)驗(yàn) 獲得超2個(gè)贊

您不必?cái)U(kuò)展 CircleMarker 類來添加更多選項(xiàng)。您可以按默認(rèn)方式執(zhí)行此操作：


var myMarker = L.circleMarker([point.lat, point.lng], {

                title: 'unselected',

                radius: 20,

                first_market: loop_index == 0,

                last_market: loop_index == points.length-1,

                point_id: point.id,

                prior_point_id: priorPoint ? priorPoint.id : null,

            });

polylinePoints[polylinePoints.length]=如果沒有必要也不要使用。采用polylinePoints.push(


你想用折線上的數(shù)據(jù)做什么？為什么不將整個(gè)點(diǎn)數(shù)組添加到折線？


var polyline = new L.Polyline(polylinePoints, {

            customData:{  

                points: points

            }

        });

否則，您可以創(chuàng)建一個(gè)點(diǎn) id 數(shù)組：


let polylinePoints= []  // I get all info about all Polylines

let loop_index =  0;

let pointIds = [];

points.forEach(point => {

   pointIds.push(point.id);

 //...


var polyline = new L.Polyline(polylinePoints, {

            customData:{  

                points: pointIds

            }

        });

或者（我建議）將標(biāo)記添加到折線：


let markersForPoly = [];

points.forEach(point => {

 //... Loop ...

 myMarker.addTo(mymap);

 markersForPoly .push(myMarker);

});


//.. Code


var polyline = new L.Polyline(polylinePoints, {

            customData:{  

                points: markersForPoly 

            }

        });

您可以在點(diǎn)擊偵聽器中獲得積分：


polyline.on('click', function (event) {

     var layer = event.target;

     var points = layer.options.customData.points;

     console.log(points);

});

示例 https://jsfiddle.net/falkedesign/61sjx3bv/


查看完整回答
反對(duì) 回復(fù) 2022-05-26
  • 1 回答
  • 0 關(guān)注
  • 110 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)