【板栗糖GIS】GIS开发—如何通过网页端打开一张世界地图

最新推荐文章于 2023-06-14 17:03:44 发布

Giser板栗糖

最新推荐文章于 2023-06-14 17:03:44 发布

阅读量393

点赞数 1

分类专栏： GIS开发文章标签：前端测绘经验分享

本文链接：https://blog.csdn.net/weixin_46192906/article/details/125697955

版权

GIS开发专栏收录该内容

5 篇文章 0 订阅

订阅专栏

【板栗糖GIS】GIS开发—如何通过网页端打开一张世界地图

1. 代码

2. 展示情况

1. 代码

可以直接使用的哦，只有新建个html页面就可以

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.css" rel="stylesheet">
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.js"></script>
    <script type="text/javascript" src="https://iclient.supermap.io/dist/leaflet/iclient-leaflet.js"></script>
</head>
<body>
    // 地图显示的div
    <div id="map" style="position:absolute;left:0px;right:0px;width:800px;height:500px;"></div>
    <script>
      var url ="https://iserver.supermap.io/iserver/services/map-world/rest/maps/World";
// 初始化地图信息
var map = L.map('map', {
    crs: L.CRS.EPSG4326,
    center: [0, 0],
    maxZoom: 18,
    zoom: 1
});
new L.supermap.TiledMapLayer(url,{noWrap: true}).addTo(map);
    </script>
</body>
</html>