mapbox gl添加symbol图层

话不多说,直接上代码,就是个小例子:

<script>
			mapboxgl.accessToken = '';//mopbox 密钥

			
			var map = new mapboxgl.Map({
				container: 'map',
				// style: 'mapbox://styles/mapbox/streets-v11',
				 style: 'mapbox://styles/mapbox/streets-v11',
				center: [114.131818, 30.631181],
				zoom: 13, // starting zoom
			});

			// 设置语言
			// 英文标注转换为中文
			mapboxgl.setRTLTextPlugin('https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-rtl-text/v0.2.3/mapbox-gl-rtl-text.js');
			map.addControl(new MapboxLanguage({
			  defaultLanguage: 'zh-Hans'
			}));


			map.addControl(new mapboxgl.NavigationControl());
			map.on("zoomend", function() {
				console.log(map.getZoom());
			})
			//图片路径
			var icon1 = "img/icon1.png";
			var icon2 = "img/icon2.png";
			var icon3 = "img/icon3.png";
			//加载图片
			loadImg(icon1, "icon1");
			loadImg
  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值