leaflet.js使用（底图选择）

最新推荐文章于 2024-09-02 17:38:21 发布

Mo_zifeng

最新推荐文章于 2024-09-02 17:38:21 发布

阅读量707

点赞数 2

分类专栏：地图文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/Mo_zifeng/article/details/122067823

版权

地图专栏收录该内容

2 篇文章 0 订阅

订阅专栏

leaflet.js使用
 leaflet.js官方文档
底图可选择

let url = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';  // open street map
   	url = 'https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=xxxxxx'; // map box
   	url = 'http://tile.stamen.com/toner-lite/{z}/{x}/{y}.png'; // stamen
   	url = 'https://{s}.basemaps.cartocdn.com/rastertiles/light_all/{z}/{x}/{y}.png'; // basemaps
    //初始化 地图
    var leafletMap = L.map('mapDiv').setView([41, 123], 5);
    //将图层加载到地图上，并设置最大的聚焦还有map样式
    L.tileLayer(url, {
      minZoom: 5,
      maxZoom: 18,
    }).addTo(leafletMap);