網(wǎng)站后臺php開發(fā)教程seo手機(jī)關(guān)鍵詞排行推廣
一、組成
使用高德地圖 JS API 創(chuàng)建的地圖通常由這幾部分組成:
- 地圖容器(Container)
??即在準(zhǔn)備階段所創(chuàng)建的指定了id的div對象,這個div將作為承載所有圖層、點(diǎn)標(biāo)記、矢量圖形、控件的容器。 - 圖層(Layers)
??圖層是指能夠在視覺上覆蓋一定地圖范圍,用來描述全部或者部分現(xiàn)實世界區(qū)域內(nèi)的地圖要素的抽象概念,一幅地圖通常由一個或者多個圖層組成。如上圖中處于整個地圖容器最下方的二維矢量圖層和實施交通圖層。
??高德地圖 JS API 即提供了標(biāo)準(zhǔn)圖層、衛(wèi)星圖層、路網(wǎng)圖層、路況圖層等官方標(biāo)準(zhǔn)圖層接口,又提供了加載其他廠商發(fā)布的標(biāo)準(zhǔn)地圖服務(wù)的圖層接口,還提供了加載開發(fā)者自己的圖片、Canvas、視頻、熱力數(shù)據(jù)的圖層接口。同時也深度開放了可以自定義繪制方法的自定義圖層接口。 - 矢量圖形(Vector Overlays)
??矢量圖形,一般覆蓋于底圖圖層之上,通過矢量的方式(路徑或者實際大小)來描述其形狀,用幾何的方式來展示真實的地圖要素,會隨著地圖縮放而發(fā)生視覺大小的變化,但其代表的實際路徑或范圍不變,如上圖中紅框內(nèi)的折線、圓、多邊形等。
??除了圖中的折線、圓、多邊形之外,JS API 還提供了矩形、橢圓、貝瑟爾曲線等常用的矢量圖形。3D 視圖下的 Mesh、Prism 棱柱、MeshLine 也可以看做是一些特殊的矢量圖形。 - 點(diǎn)標(biāo)記(Markers)
??點(diǎn)標(biāo)記是用來標(biāo)示某個位置點(diǎn)信息的一種地圖要素,覆蓋于圖層之上。如圖中藍(lán)色方框中的兩個點(diǎn)狀要素。其在屏幕上的位置會隨著地圖的縮放和中心變化而發(fā)生改變,但是會與圖層內(nèi)的要素保持相對靜止。
??普通的點(diǎn)標(biāo)記 (即 Marker ) ,支持將自定義圖標(biāo)和DOM元素作為展示內(nèi)容。除了 Marker 之外為了滿足不同的場景,JS API 另外提供了豐富的點(diǎn)標(biāo)記類型,比如圓點(diǎn)標(biāo)記 (CircleMarker) 、文本標(biāo)記 (Text)、靈活點(diǎn)標(biāo)記 (ElasticMarker) 。同時我們提供了海量點(diǎn)(MassMarks)、點(diǎn)聚合(MarkerCluster)來滿足大量點(diǎn)標(biāo)記的展示需求。 - 地圖控件(Map Controls)
??控件浮在所有圖層和地圖要素之上,用于滿足一定的交互或提示功能。一般相對于地圖容器靜止,不隨著地圖縮放和中心變化而發(fā)生位置的變化。如上圖中綠色方框中的比例尺和級別控件。
二、常用
- 名詞插件(Plugins)
??插件是獨(dú)立于JS API 地圖核心模塊之外的一些功能,比如服務(wù)類、繪制工具、矢量圖形編輯工具、點(diǎn)聚合、熱力圖等。這些插件不會主動隨 JS API的主體資源的加載而下發(fā),使用之前需要提前引入,詳見插件的使用。 - 地圖級別(ZoomLevel)
??級別與地圖的比例尺成正比,每增大一級,地圖的比例尺也增大一倍,地圖顯示的越詳細(xì)。Web地圖的最小級別通常為3級,最大級別各家略有不同,高德地圖 JS API 目前最大級別為 20 級。 - 經(jīng)緯度(LngLat)
??坐標(biāo)通常指經(jīng)緯度坐標(biāo),高德地圖的坐標(biāo)范圍大致為:東西經(jīng)180度(-180——180,西半球為負(fù),東半球為正),南北緯85度(-85——85,北半球為正,南半球為負(fù))。 - 底圖(BaseLayer)
??嚴(yán)格意義上,底圖指處于所有圖層和圖形最下方的一個圖層,通常不透明??梢允菃我粓D層,比如官方標(biāo)準(zhǔn)圖層,也可以是圖層組合,比圖衛(wèi)星圖層和路網(wǎng)圖層組合。 - 地圖要素(Map Features)
??嚴(yán)格意義的地圖要素指的是展示在地圖上的地理要素,包括道路、區(qū)域面、建筑、POI 標(biāo)注、路名等。開發(fā)者自定義的點(diǎn)標(biāo)記、矢量圖形也可以看做是一種地圖要素。 - 標(biāo)注(Labels)
??我們習(xí)慣將底圖上自帶的標(biāo)示一定信息的文字或圖標(biāo)稱為標(biāo)注,比如 POI 標(biāo)注,道路名稱標(biāo)注等。 - 地圖平面像素坐標(biāo)(Plane Coordinates)
??地圖平面像素坐標(biāo)指投影為平面之后的地圖上的平面像素坐標(biāo),高德地圖使用的Web墨卡托投影,在3級時,平面坐標(biāo)范圍為橫縱0-256* 2的3次方 像素,每級別擴(kuò)大一倍,即第n級的平面坐標(biāo)范圍為 0-256*2的n次方像素。 - 投影(Projection)
??地圖投影指的是將地球球面的經(jīng)緯度坐標(biāo)映射到地圖平面坐標(biāo)的變換和映射關(guān)系。高德地圖使用 Web 墨卡托投影,即采用 EPSG:3857 坐標(biāo)系統(tǒng)。 - 三維空間坐標(biāo)(3D Coordinates)
??三維空間坐標(biāo)是在 3D 地圖模式下的世界坐標(biāo),由 x、y、z 三個緯度組成。三維空間坐標(biāo)通常用于描述 Object3D 類型的幾何形體。