如何把地图放进页面

本文介绍了如何在网页中嵌入SuperMap地图,包括发布服务后引入脚本,设置地图ID和样式,使用TiledDynamicRestLayer加载动态图层,创建VectorLayer和Markers图层,以及添加LayerSwitcher、Navigation、ScaleLine和Zoom控件。通过addLayer或addLayers方法添加图层,并设置正确的中心点确保地图显示。详细步骤帮助理解如何在页面上呈现地图。
摘要由CSDN通过智能技术生成

在iserver发布服务之后,引入相应的脚本文件,然后给body一个加载事件,给地图设置ID和样式。所以打开页面,就会初始化去加载地图一些控件。

在这里插入图片描述

然后就是javascript的内容,设置url路径为你想要展示的地图链接。首先创建地图控件,初始化地图图层,TiledDynamicRestLayer动态分块图层,用来对接SuperMap iServer 8C的分块动态REST图层服务,也就是说该图层显示iserver服务发布的地图。TiledDynamicRestLayer属于需要异步加载的图层,通过设置url向服务端发送请求来得到相关参数,进而加载图层到Map上。新建vectorLayer的矢量图层,该图层用于渲染矢量要素。Markers:标签图层。
在这里插入图片描述

初始化地图

LayerSwitcher图层选择控件类。用于控制地图中的图层可见性。

Navigation:地图浏览控件,监听鼠标点击、平移、滚轮等事件来实现对地图的浏览操作。

ScaleLine:比例尺控件,显示地图的比例关系,默认位于地图左下角。

Zoom:地图平移缩放控件,提供对地图的平移和缩放的控制操作,默认位于地图左上角。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值