Leaflet地图加载百度底图

淩亂°似流年 2022-09-04 05:52 373阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpaGVmZWlfY29kZXI_size_16_color_FFFFFF_t_70]

源代码

<!DOCTYPE html>
    <html style="padding:0;margin:0;">
    <head>
    <meta charset="utf-8"/>
    <title></title>
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/leaflet/1.6.0/leaflet.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/leaflet/1.6.0/leaflet.js"></script>
    <script type="text/javascript" src="js/proj4-compressed.js" ></script>
    <script type="text/javascript" src="js/proj4leaflet.js" ></script>
    <script type="text/javascript" src="js/leaflet-bmap.js" ></script>
    
    </head>
    <body>
    <div id="lmap" style="width:100%;height:100%;position:absolute;top:0;right:0;"></div>
    <script type="text/javascript"> //leaflet var map = L.map('lmap',{ crs:crs,center:L.latLng(39.915052,116.403954),zoom:16}); new L.TileLayer('http://online{s}.map.bdimg.com/tile/?qt=tile&x={x}&y={y}&z={z}&styles=pl', { maxZoom: 18, minZoom: 3, subdomains: [0,1,2], tms: true }).addTo(map); </script>
    </body>
    </html>

demo下载地址：[https://download.csdn.net/download/lihefei\_coder/21008821][https_download.csdn.net_download_lihefei_coder_21008821]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpaGVmZWlfY29kZXI_size_16_color_FFFFFF_t_70]: /images/20220829/3097adc9e70b4ac3a44f6699fee8c031.png
[https_download.csdn.net_download_lihefei_coder_21008821]: https://download.csdn.net/download/lihefei_coder/21008821

发表评论取消回复

表情：

评论列表（有 0 条评论，373人围观）

还没有评论，来说两句吧...

相关阅读

相关 leaflet直接加载图片缩放，不需要地图底图（示例代码035）

![在这里插入图片描述][804c6d40d4d24c23bc0d621973afeef0.png_pic_center] 第035个 [点击查看专栏目录][Link 1]

深藏阁楼爱情的钟/ 2024年04月01日 19:41/ 0 赞/ 147 阅读

相关 leaflet加载百度地图（路网矢量图和卫星影像图）示例代码032

![在这里插入图片描述][804c6d40d4d24c23bc0d621973afeef0.png_pic_center] 第032个 [点击查看专栏目录][Link 1]

墨蓝/ 2024年04月01日 19:19/ 0 赞/ 97 阅读

相关百度地图自定义地图类型瓦片底图

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

待我称王封你为后i/ 2023年02月27日 05:53/ 0 赞/ 54 阅读

相关【百度地图】——利用三级联动加载百度地图

【百度地图】——利用三级联动加载百度地图 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_a

àì夳堔傛蜴生んèń/ 2022年10月10日 04:55/ 0 赞/ 486 阅读

相关 Leaflet地图加载百度底图

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

淩亂°似流年/ 2022年09月04日 05:52/ 0 赞/ 374 阅读

相关 jsp 百度地图加载

引用: <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>

傷城~/ 2022年08月20日 02:23/ 0 赞/ 417 阅读

相关百度地图加载百度js 出现 BMap is not defined

!function(mapInit) \{ var script = document.createElement("script"); script.type

矫情吗；*/ 2022年06月06日 07:59/ 0 赞/ 665 阅读

相关百度地图之加载地图

根据经度、纬度、级别加载地图信息示例如下： / 加载地图参数：经度纬度

小灰灰/ 2021年09月28日 02:50/ 0 赞/ 831 阅读

相关百度地图API 加载百度地图

前言百度地图在日常生活中应用的越来越多，功能也日渐丰富，我们可以使用ArcGIS JS API加载在线百度地图（[https://blog.csdn.net/i

布满荆棘的人生/ 2021年09月15日 02:50/ 0 赞/ 886 阅读

相关 ArcGIS API for JavaScript 加载百度地图

前言有时我们在面对需要使用百度地图作为地图的场景，我们可以通过对百度地图，百度卫星图，百度标注图层进行加载通过在网上查阅，得到了比较合适的坐标转换加载百度

男娘i/ 2021年09月15日 02:46/ 0 赞/ 920 阅读