maptalks.js基础使用

最新推荐文章于 2024-05-11 09:50:01 发布

π_π哦

最新推荐文章于 2024-05-11 09:50:01 发布

阅读量1.7k

点赞数

分类专栏： 3d 文章标签： js javascript 3d

本文链接：https://blog.csdn.net/xiaojiakun/article/details/105494526

版权

因某些原因：需要学习一些maptalks相关知识在此整理使用maptalks来对地图进行2D\3D操作

摘要由CSDN通过智能技术生成

因某些原因：需要学习一些maptalks相关知识在此整理

使用maptalks来对地图进行2D\3D操作

引入css 与 maptalks.js

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/maptalks/dist/maptalks.css">
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/maptalks/dist/maptalks.min.js"></script>

创建map地图实例

var map = new maptalks.Map('map', {
        //地图中心点
        center: [-0.113049,51.498568],
        //缩放大小
        zoom: 14,
        baseLayer: new maptalks.TileLayer('base', {
            urlTemplate: 'https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png',
            subdomains: ['a','b','c','d'],
            //底图
            attribution: '&copy; <a href="http://osm.org">OpenStreetMap</a> contributors, &copy; <a href="https://carto.com/">CARTO</a>&#