国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Leaflet中L.Point與L.LatLng的區別聯系

Raaabbit / 3865人閱讀

摘要：數組格式普通對象格式二者互相轉換這兩個函數會根據當前地圖的縮放程度轉換地理點與像素點，返回值分別是和。方法返回值描述在同一縮放級別下，將地理坐標轉換為像素坐標。

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

??Leaflet中有兩種表示坐標點的數據結構，一種是最常用的LatLng，另一種則是Point。

L.LatLng

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

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

??Point指的是用像素表示x和y的坐標點。Point的以下組織形式均可用于leaflet的方法和選項（除非有特殊說明）：

map.panBy([200, 300]);          //數組
map.panBy(L.point(200, 300));   //函數
使用方法
var point = L.point(200, 300);
構造函數
構造函數 描述
L.point( x, y, round?) 用給定的x和y坐標創建一個Point對象。如果可選項round設置為true，則舍入x和y值。
L.point( coords) 數組格式
L.point( coords) 普通對象格式
二者互相轉換

??這兩個函數會根據當前地圖的縮放程度（zoom）轉換地理點與像素點，返回值分別是Point和latLng。

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

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

二者不同點

??LatLng是描述經緯度的坐標類，代表具有一定緯度和經度的地理點，而Point描述的是在屏幕上位置的像素點，主要用于屏幕交互事件上，比如鼠標單擊雙擊事件，在屏幕上的觸控滑動事件等，即當鼠標事件發生時，相對于地圖圖層或地圖容器的點的像素坐標位置。在有些情況下，需要通過上述兩個函數方法對二者進行相互轉換。

如何在地圖上添加坐標點？

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

   var latLng = L.latLng(30.594331217463765, 114.28321838378906);   //創建坐標點
   L.circle(latLng, {radius:300,color: "red", fillColor:"#f03",fillOpacity:1}).addTo(map); //將坐標點添加進圖層

注：將radius設置為0，在地圖上則顯示為一個點。為了方便您查看效果，將其設置為300。當然了，在這里的L.latlng只是一個保存坐標的作用。

上述內容有任何錯誤，歡迎留言指出，謝謝~

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/102376.html

相關文章

  • leaflet常用功能

    摘要：簡介純在地圖上進行操作坐標點路徑曲線等的一個庫只提供操作地圖實際加載某個地圖由開發者決定創建地圖對象頁面創建設置屬性撐滿整個屏幕設置中屬性使用初始化地圖對象為名字參數地圖中心坐標位置參數地圖加載級別數字越大地圖加載越近為地圖加載瓦片圖層常用 簡介 純JavaScript,在地圖上進行操作(坐標點,路徑,曲線等)的一個庫,只提供操作地圖API,實際加載某個地圖,由開發者決定 創建地圖對象...

    derek_334892 評論0 收藏0

  • 前端小知識--地圖坐標轉換

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

    liangdas 評論0 收藏0

  • 入門Leaflet之小Demo

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

    Eminjannn 評論0 收藏0

  • Leaflet快速開始教程

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

    gecko23 評論0 收藏0

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

    摘要：百度地圖創建標簽進行加載使用百度地圖需要百度地圖添加擴展，用于讓百度地圖支持地圖可能會遇見兩個問題地圖圖片錯位忘記加載中使用的一個主要問題是默認圖標的加載問題，詳見另外也可以考慮使用動態創建標簽的方法，類似百度地圖加載百度地圖因為本身支持的 webpack+百度地圖 創建 script標簽進行加載 export function MP(ak){ return new Prom...

    G9YH 評論0 收藏0

發表評論

0條評論

Raaabbit

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<