SuperMap iClient for JavaScript_快速入门.pdf

SuperMap iClient for JavaScript 快速入门 北京超图软件股份有限公司 主要内容 • 资源概述 • Hello world • 总结 声明：本课程中所述“JavaScript”如不特殊说明均指SuperMap iClient for JavaScript产品 本课程中所述“iServer”如不特殊说明均指SuperMap iServer 产品 资源概述 libs • SuperMap iClient for JavaScript 脚本库 examples • 示范代码库 apidoc • 帮助文档 • 存放控件使用的图片 theme • 需要的样式文件 resource • 其他终端配套资源 脚本库介绍 • SuperMap-X.X.js – 不可缺少 – JavaScript脚本库 – “-X.X”代表版本号 • SuperMap.Include.js – 可修改文件 – 索引文件，引入脚本库，以及需要的资源文件 （theme目录下的资源） 快速入门 • 实现功能：地图浏览，地图放大、缩小、漫游 开发前准备 • 准备数据 – 使用SuperMap iDesktop 制作地图，并保存 为.smwu工作空间。 • 创建iServer服务 – 快速创建 iServer REST地图服务 – 启动 iServer 服务 – 服务访问uri： http://localhost:8090/iserver/services/map- world/rest/maps/World 第一步：复制脚本库文件 • 创建GettingStarted文件夹 • 复制脚本库文件 – Libs文件夹 – 所有控件和基础类的文件 – theme文件夹 - 控件资源以及样式文件 第二步：创建HTML页面 !DOCTYPE html html head meta http-equiv=Content-Type content=text/html; charset=utf-8 titleSuperMap iClient for JavaScript/title /head body /body /html 第三步：添加脚本库引用 html head meta http-equiv=Content-Type content=text/html; charset=utf-8 titleSuperMap iClient for JavaScript - DynamicRESTLayer/title script src=libs/SuperMap.Include.js/script /head body /body /html 第四步：添加承载地图控件的DIV body onload=onPageLoad() div id=map style=position:relative;left:0px;right:0px;width:800px;h eight:500px; /div /body 第五步：创建map对象 head script type=text/javascript var map,layer; // 设置访问的GI