IClient for js开发之地图的加载

2019独角兽企业重金招聘Python工程师标准>>>

进行web开发之前首先需要安装IServer以及iClient for JavaScript的开发包。在这两中都具备的前提下进行第一步，如何调用IServer中发布的服务

调用iServer 中发布的服务（具体的发布服务参见我的其他随笔）

一、用任何一个能编写html和js 的编译器，新建一个html页，将新建的html页保存到一个熟悉的位置，再将iclient for js中lib文件夹和theme文件夹复制到刚才新建的html的文件目录中。

二、进行编写代码：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>墨卡托投影系地图</title><!--引用需要的脚本--><script src="./libs/SuperMap.Include.js"></script><script type="text/javascript">//声明变量map、layer、urlvar map, layer,url = "http://localhost:8090/iserver/services/map-baidu3/rest/maps/normal";//创建地图控件function init() {map = new SuperMap.Map ("map");//创建分块动态REST图层，该图层显示iserver 8C 服务发布的地图,//其中"world"为图层名称，url图层的服务地址，{transparent: true}设置到url的可选参数layer = new SuperMap.Layer.TiledDynamicRESTLayer("World", url,null, {maxResolution:"auto"});layer.events.on({"layerInitialized": addLayer});}function addLayer() {//将Layer图层加载到Map对象上map.addLayer(layer);//出图，map.setCenter函数显示地图map.setCenter(new SuperMap.LonLat(0, 0), 2);}</script>
</head>
<body onload="init()">
<!--地图显示的div-->
<div id="map" style="position:absolute;left:0px;right:0px;width:800px;height:500px;" >
</div>
</body>
</html>

三、运行截图

转载于:https://my.oschina.net/dongteng/blog/684452

IClient for js开发之地图的加载相关推荐

高德地图中加载three.js（vue中）（封装
这几天公司有一个要结合高德地图的智慧园区的项目(大致就是在3d地图中加载自己的three.js模型) 1.首先要引入高德地图官方文档给出来的引用方法 <template><div ...
OpenLayers学习笔记中级篇（一、各种地图的加载）
学习了前面的初级篇,相信大家对OplenLayers已经有了一个初步的认识,下面我们再继续深入学习OpenLayers的相关功能! 我们这节主要是加载各种各样的地图,包括在线服务的地图,比如天地图.高 ...
WebGIS实战：Vue+Openlayers实现网络地图的加载与切换
目录前言 1.效果图 2.实现步骤 3.下一步计划相关Web GIS实战信息: 上一篇博客:WebGIS实战:Web GIS开发环境配置下一篇博客:WebGIS实战:Vue+Openlayers ...
html文件显示不了box,Workbox.js registerNavigationRoute找不到/加载html文件
我几乎完全设置为具有应用程序shell体系结构的pwa,使用像前端(但使用mithril作为渲染引擎)的反应,并使用express node.js后端和ssr,但努力在最后一个问题上过去.Workbo ...
如何解决地图已加载却不能渲染的问题？
Stack Overflow问题分享 Stack Overflow上有一个海外开发者提问:我在我的项目中使用华为Map Kit,地图已加载但未渲染? 解决方案一般来说引起地图加载未渲染可能的原因有很 ...
unity-大地图分块加载研究
title: unity-大地图分块加载研究 categories: Unity3d tags: [unity, 大地图, 分块, lightmap] date: 2018-12-12 11:22:1 ...
百度地图调用加载显示Marker，并添加点击事件
百度地图调用加载显示Marker,并添加点击事件注册百度开发者账号,申请应用AK 百度地图开发平台官网点击右上角控制台,选择创建应用创建应用,勾选浏览器端,白名单填写* 注:如上线更改为公网IP ...
vue高德、谷歌地图动态加载
vue高德.谷歌地图动态加载前言引入地图资源页面使用完整map.js 前言因为我们这个项目,做的是国际化项目,考虑的是,在国内使用高德地图,在国外使用谷歌地图,所以在这里做了个动态引入地图, ...
【Admin后台管理】Geodjango后台显示地图并加载空间字段
原文作者:我辈李想版权声明:文章原创,转载时请务必加上原文超链接.作者信息和本声明. 文章目录前言一.django+admin 二.geodjango+admin 三.报错处理前言在前面的博 ...

IClient for js开发之地图的加载

IClient for js开发之地图的加载相关推荐

最新文章

热门文章