這篇文章主要介紹Leaflet中如何加載在線切片地圖，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、外貿(mào)網(wǎng)站建設(shè)、鞍山網(wǎng)絡(luò)推廣、微信小程序、鞍山網(wǎng)絡(luò)營(yíng)銷(xiāo)、鞍山企業(yè)策劃、鞍山品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等，從售前售中售后，我們都將竭誠(chéng)為您服務(wù)，您的肯定，是我們最大的嘉獎(jiǎng)；創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供鞍山建站搭建服務(wù)，24小時(shí)服務(wù)熱線：028-86922220，官方網(wǎng)址：jinyejixie.com

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

Leaflet保持著簡(jiǎn)單、性能和實(shí)用性的設(shè)計(jì)思想?？梢栽谒兄饕淖烂婧鸵苿?dòng)端平臺(tái)上高效的運(yùn)轉(zhuǎn)，可以擴(kuò)展插件，它有一個(gè)漂亮、易用和文檔清晰的API，有一個(gè)簡(jiǎn)單、易讀的源代碼。

Leaflet可以加載在線的地圖切片，下邊列舉一個(gè)加載esri在線的街道圖和大數(shù)據(jù)底圖：

//定義esri的衛(wèi)星圖地址
var Esri_WorldImagery = L.tileLayer('http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetPurplishBlue/MapServer/tile/{z}/{y}/{x}', 
{
    attribution: 'Tiles © Esri — Source: Esri, i-cubed, USDA, USGS'
});
//定義esri的大數(shù)據(jù)圖地址 
var Esri_DarkGreyCanvas = L.tileLayer('http://webrd0{s}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}', 
{
            subdomains: "1234"
 });
//設(shè)置圖層組
var baseLayers = {
"衛(wèi)星圖": Esri_WorldImagery,
"虛化底圖": Esri_DarkGreyCanvas
};
//初始化leaflet地圖，加載影像地址和縮放級(jí)別
var map = L.map('map', {
layers: [Esri_WorldImagery],
minZoom: 2,
maxBounds: [
[-90, -180],
[90, 180]
]
});
//在圖層控制的控件上顯示兩個(gè)地圖圖層，并添加到地圖
var layerControl = L.control.layers(baseLayers);
layerControl.addTo(map);
return {
map: map,
layerControl: layerControl
};

//加載圖層的效果圖

以上是“Leaflet中如何加載在線切片地圖”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站題目：Leaflet中如何加載在線切片地圖
文章鏈接：http://jinyejixie.com/article38/poecpp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、網(wǎng)站設(shè)計(jì)、品牌網(wǎng)站設(shè)計(jì)、微信小程序、自適應(yīng)網(wǎng)站、域名注冊(cè)

廣告

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