Leaflet中如何動態(tài)勾畫polygon

這篇文章主要介紹Leaflet中如何動態(tài)勾畫polygon，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

10年積累的成都網(wǎng)站建設(shè)、網(wǎng)站制作經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認識你，你也不認識我。但先網(wǎng)站設(shè)計后付款的網(wǎng)站建設(shè)流程，更有額濟納免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

Leaflet是適用于桌面端和移動端交互地圖的開源JavaScript類庫。JS庫的大小經(jīng)過壓縮后有38k左右，擁有開發(fā)者需要的全部地圖功能。 

Leaflet保持著簡單、性能和實用性的設(shè)計思想?？梢栽谒兄饕淖烂婧鸵苿佣似脚_上高效的運轉(zhuǎn)，可以擴展插件，它有一個漂亮、易用和文檔清晰的API，有一個簡單、易讀的源代碼。

下邊根據(jù)代碼，簡單列舉一下如何在地圖上動態(tài)標繪polygon:

模式是點擊按鈕開始畫polygon，左鍵每點擊一次，動態(tài)變化polygon，在地圖上雙擊，結(jié)束標繪。

$(document).ready(function () {
 //在按鈕中設(shè)置啟動標繪
            $("#_createBtn").click(function (e) {
 //添加地圖上的左鍵、鼠標雙擊事件
                map.on('click', MapLeftClick);
                map.on("dblclick", MapDoubleClick);
  //定義地圖的polygon對象，初始化傳入空數(shù)組，設(shè)置顏色等屬性
                _polygon = L.polygon(_pointArr, {
                    color: 'red',
                    fillColor: '#f03',
                    fillOpacity: 0.5
                });
//將polygon添加到地圖上
                _polygon.addTo(map);
            });
        });
        var _polygon = null;
        var _pointArr = new Array();
 //雙擊結(jié)束地圖標繪
        function MapDoubleClick(e)
        {
//關(guān)掉地圖的鼠標點擊事件
            map.off('click', MapLeftClick);
            map.off("dblclick", MapDoubleClick);
            alert("doubleClick");
        }
//啟動地圖左鍵事件
        function MapLeftClick(e) {
//每點擊一下在地圖上畫一個小紅點
            L.circleMarker(e.latlng, {
                radius: 2,
                color: 'red'
            }).addTo(map);
//polygon上動態(tài)添加點
            _polygon.addLatLng(e.latlng);
        }

以上是“Leaflet中如何動態(tài)勾畫polygon”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

文章標題：Leaflet中如何動態(tài)勾畫polygon
標題來源：http://muchs.cn/article22/ghidcc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、網(wǎng)站改版、Google、面包屑導(dǎo)航、定制開發(fā)、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)