- 1、本文档共18页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
SuperMapiClientforJavaScript
地图浏览
主要内容快速入门:地图浏览功能的开发地图显示原理地图对象概述与开发图层对象概述与开发辅助控件概述与开发声明:本课程中所述“JavaScript”如不特殊说明均指SuperMapiClientforJavaScript产品
快速入门回顾实现功能:地图浏览
快速入门回顾创建地图对象newSuperMap.Map()创建图层对象newSuperMap.Layer.TiledDynamicRESTLayer()URL=“…map-world/rest/maps/World”图层添加到地图中Map.addLayer(layer)Map.setCenter()
地图显示原理将各个服务提供的地图作为图层添加到Map中Map--地图控件,用于装载各类图层Layer--各类图层,显示GIS信息图层Map
地图显示的API用于呈现地图的APISuperMap.Map以及SuperMap.LayerCloudLayerTiledDynamicRESTLayer……SuperMap.Map图层对象地图对象
使用地图对象必要条件:DIV容器,控制地图窗口的大小位置地图窗口初始化divid=mapstyle=position:absolute;left:0px;right:0px;width:800px;height:500px;/divmap=newSuperMap.Map(map);
地图对象SuperMap.Map:装载图层数据,对数据进行GIS功能操作属性allOverlaysdivLayersbaselayer……方法setCenter(必设)addLayeraddLayersremoveLayeraddControlpanzoomTo……支持地图事件类型preaddlayeraddlayerremovelayerchangelayermovestartmovemoveendChangebaselayer……
图层对象从GIS服务获取地图的图层对象TiledDynamicRESTLayer获取iServer提供的REST地图服务的地图数据CloudLayer获取SuperMap云服务的地图数据UTFGrid从UTFGrid切片数据源读取数据WMTS、WMS获取WMTS、WMS服务的地图数据
添加图层对象的方法异步加载信息的图层——TiledDynamicRESTLayer需要监听图层构建完成的layerInitialized事件,在图层初始化完成后才能调用addLayer()接口添加到Map上varmap,layer,url=http://localhost:8090/iserver/services/map-world/rest/maps/World;functioninit(){//初始化地图map=newSuperMap.Map(map);//初始化图层layer=newSuperMap.Layer.TiledDynamicRESTLayer(World,url,null,{maxResolution:auto});//监听图层信息加载完成事件layer.events.on({layerInitialized:addLayer});}//异步加载图层functionaddLayer(){map.addLayer(layer);//显示地图范围map.setCenter(newSuperMap.LonLat(0,0),0);}
添加图层对象的方法直接加载信息的图层——除TiledDynamicRestLayer外的图层对象在初始化的时候由用户设置相关信息,初始化之后直接添加地图中varmap,layer,url=http://localhost:8090/iserver/services/map-world/wms130/WorldMap;functioninit(){//初始化地图map=newSuperMap.Map(map);//初始化图层layer=newSuperMap.Layer.WMS(WorldMap,url,{layers:0.12,0.8});map.addLayer(layer);//显示地图范围map.setCenter(newSuperMap.LonLat(0,0),2);}
辅助控件的开发用于辅助地图操作的APIS
文档评论(0)