成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Leaflet中L.Point與L.LatLng的區(qū)別聯(lián)系

Raaabbit / 3871人閱讀

摘要：數(shù)組格式普通對(duì)象格式二者互相轉(zhuǎn)換這兩個(gè)函數(shù)會(huì)根據(jù)當(dāng)前地圖的縮放程度轉(zhuǎn)換地理點(diǎn)與像素點(diǎn)，返回值分別是和。方法返回值描述在同一縮放級(jí)別下，將地理坐標(biāo)轉(zhuǎn)換為像素坐標(biāo)。

Leaflet 
an open-source JavaScript library for mobile-friendly interactive maps

??Leaflet中有兩種表示坐標(biāo)點(diǎn)的數(shù)據(jù)結(jié)構(gòu)，一種是最常用的LatLng，另一種則是Point。

L.LatLng

??LatLng是表示一個(gè)具有緯度(lat)和經(jīng)度(lng)的地理坐標(biāo)(以度為單位)。LatLng的以下組織形式均可用于leaflet的方法（除非有特殊說明）：

map.panTo([50, 30]);              //數(shù)組
map.panTo({lon: 30, lat: 50});    //簡(jiǎn)單對(duì)象
map.panTo({lat: 50, lng: 30});    //簡(jiǎn)單對(duì)象
map.panTo(L.latLng(50, 30));      //函數(shù)
使用方法
var latlng = L.latLng(50.5, 30.5);
構(gòu)造函數(shù)
構(gòu)造函數(shù) 描述
L.latLng( latitude, longitude, altitude?) 通過給定的緯度和經(jīng)度創(chuàng)建一個(gè)地理坐標(biāo)點(diǎn)（海拔高度是可選的，以米為單位）
L.latLng( coords) 數(shù)組格式表示的地理坐標(biāo)
L.latLng( coords) 普通對(duì)象表示的地理坐標(biāo)
L.Point

??Point指的是用像素表示x和y的坐標(biāo)點(diǎn)。Point的以下組織形式均可用于leaflet的方法和選項(xiàng)（除非有特殊說明）：

map.panBy([200, 300]);          //數(shù)組
map.panBy(L.point(200, 300));   //函數(shù)
使用方法
var point = L.point(200, 300);
構(gòu)造函數(shù)
構(gòu)造函數(shù) 描述
L.point( x, y, round?) 用給定的x和y坐標(biāo)創(chuàng)建一個(gè)Point對(duì)象。如果可選項(xiàng)round設(shè)置為true，則舍入x和y值。
L.point( coords) 數(shù)組格式
L.point( coords) 普通對(duì)象格式
二者互相轉(zhuǎn)換

??這兩個(gè)函數(shù)會(huì)根據(jù)當(dāng)前地圖的縮放程度（zoom）轉(zhuǎn)換地理點(diǎn)與像素點(diǎn)，返回值分別是Point和latLng。

方法 返回值 描述
latLngToPoint( latlng, zoom) Point 在同一縮放級(jí)別下，將地理坐標(biāo)轉(zhuǎn)換為像素坐標(biāo)。
pointToLatLng( point, zoom) LatLng 在同一縮放級(jí)別下，將像素坐標(biāo)轉(zhuǎn)換為地理坐標(biāo)。
二者共同點(diǎn)

??由于LatLng和Point均不是繼承于Leaflet的L.Class對(duì)象，所以它們都不能拓展新的類，也不能通過include函數(shù)為其添加新的方法。

二者不同點(diǎn)

??LatLng是描述經(jīng)緯度的坐標(biāo)類，代表具有一定緯度和經(jīng)度的地理點(diǎn)，而Point描述的是在屏幕上位置的像素點(diǎn)，主要用于屏幕交互事件上，比如鼠標(biāo)單擊雙擊事件，在屏幕上的觸控滑動(dòng)事件等，即當(dāng)鼠標(biāo)事件發(fā)生時(shí)，相對(duì)于地圖圖層或地圖容器的點(diǎn)的像素坐標(biāo)位置。在有些情況下，需要通過上述兩個(gè)函數(shù)方法對(duì)二者進(jìn)行相互轉(zhuǎn)換。

如何在地圖上添加坐標(biāo)點(diǎn)？

??既然L.LatLng和L.Point沒有繼承于L.Class,也就不會(huì)有相應(yīng)的方法將坐標(biāo)點(diǎn)添加進(jìn)地圖圖層，那怎么辦呢？
??您可以嘗試使用L.Layer父類下的L.Circle,通過它將坐標(biāo)點(diǎn)添加進(jìn)地圖，使用方法如下：

   var latLng = L.latLng(30.594331217463765, 114.28321838378906);   //創(chuàng)建坐標(biāo)點(diǎn)
   L.circle(latLng, {radius:300,color: "red", fillColor:"#f03",fillOpacity:1}).addTo(map); //將坐標(biāo)點(diǎn)添加進(jìn)圖層

注：將radius設(shè)置為0，在地圖上則顯示為一個(gè)點(diǎn)。為了方便您查看效果，將其設(shè)置為300。當(dāng)然了，在這里的L.latlng只是一個(gè)保存坐標(biāo)的作用。

上述內(nèi)容有任何錯(cuò)誤，歡迎留言指出，謝謝~

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/102376.html

相關(guān)文章

  • leaflet常用功能

    摘要：簡(jiǎn)介純?cè)诘貓D上進(jìn)行操作坐標(biāo)點(diǎn)路徑曲線等的一個(gè)庫只提供操作地圖實(shí)際加載某個(gè)地圖由開發(fā)者決定創(chuàng)建地圖對(duì)象頁面創(chuàng)建設(shè)置屬性撐滿整個(gè)屏幕設(shè)置中屬性使用初始化地圖對(duì)象為名字參數(shù)地圖中心坐標(biāo)位置參數(shù)地圖加載級(jí)別數(shù)字越大地圖加載越近為地圖加載瓦片圖層常用 簡(jiǎn)介 純JavaScript,在地圖上進(jìn)行操作(坐標(biāo)點(diǎn),路徑,曲線等)的一個(gè)庫,只提供操作地圖API,實(shí)際加載某個(gè)地圖,由開發(fā)者決定 創(chuàng)建地圖對(duì)象...

    derek_334892 評(píng)論0 收藏0

  • 前端小知識(shí)--地圖坐標(biāo)轉(zhuǎn)換

    摘要：實(shí)際中我們可能會(huì)用到不同的地圖，那么就對(duì)應(yīng)到不同坐標(biāo)系的轉(zhuǎn)換，比如說，你有一份的數(shù)據(jù)服務(wù)，你要展現(xiàn)在百度或者高德地圖上，這時(shí)候你就需要轉(zhuǎn)換了。 地圖坐標(biāo)轉(zhuǎn)換 LBS，基于位置的服務(wù)（Location Based Service)，近年來已經(jīng)無處不在，尤其是我們前端，相信或多或少都有接觸一些地圖API服務(wù)，比如高德、百度啊、谷歌啊~但是用的時(shí)候可能看到下面這些字眼：比如BD09、火星坐標(biāo)...

    liangdas 評(píng)論0 收藏0

  • 入門Leaflet之小Demo

    入門 Leaflet 之小 Demo 寫在前面 ---- WebGIS 開發(fā)基礎(chǔ)之 Leaflet GIS 基本概念：GIS、Map、Layer、Feature、Geometry、Symbol、Data（Point、Polyline、Polygon）、Renderer、Scale、Project、Coordinates； GIS 開發(fā)概述：架構(gòu)模式、常用平臺(tái)和 SDK、二維三維 使用 Lea...

    Eminjannn 評(píng)論0 收藏0

  • Leaflet快速開始教程

    摘要：提示在官方教程的基礎(chǔ)上，增加了一些注釋以及鏈接，可幫助讀者更好的學(xué)習(xí)有不正確或有待改進(jìn)的地方，歡迎批評(píng)指出。明確容器的高度。首先我們將初始化地圖，通過選定的地理坐標(biāo)設(shè)置地圖視角以及縮放級(jí)別。 提示：在Leaflet官方教程的基礎(chǔ)上，增加了一些注釋以及鏈接，可幫助讀者更好的學(xué)習(xí)Leaflet,有不正確或有待改進(jìn)的地方，歡迎批評(píng)指出。 Leaflet an open-source Java...

    gecko23 評(píng)論0 收藏0

  • 百度地圖 osm地圖 leaflet echarts webapck的組合使用時(shí)的踩坑記錄

    摘要：百度地圖創(chuàng)建標(biāo)簽進(jìn)行加載使用百度地圖需要百度地圖添加擴(kuò)展，用于讓百度地圖支持地圖可能會(huì)遇見兩個(gè)問題地圖圖片錯(cuò)位忘記加載中使用的一個(gè)主要問題是默認(rèn)圖標(biāo)的加載問題，詳見另外也可以考慮使用動(dòng)態(tài)創(chuàng)建標(biāo)簽的方法，類似百度地圖加載百度地圖因?yàn)楸旧碇С值? webpack+百度地圖 創(chuàng)建 script標(biāo)簽進(jìn)行加載 export function MP(ak){ return new Prom...

    G9YH 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<