arcgis使用js动态加载坐标
本文为原创,转载请注明出处:http://www.pm-road.com/index.php/2014/12/24/311/
前一段时间,项目中使用的是高德地图,可是项目马上结尾的时候,客户居然提出必须使用ArcGis,真叫人窝火,不过也没有办法,谁让领导同意了呢~
接下来就是准备换地图,首先将原来的JS文件备份,重新复制并生命名一个新的js文件,对新的js进行修改。
引用在线ArcGis地图:
在页面中将css、js 全部引进,代码如下:
<link rel=”stylesheet” href=”http://js.arcgis.com/3.12/esri/css/esri.css”><script src=”http://js.arcgis.com/3.12/”></script>
在自已的js文件中:
var mapObj;//全局变量 dojo.require(“esri.map”); dojo.require(“esri.InfoTemplate”);require([ "esri/map", "dojo/domReady!" ], function(Map) {mapObj = new Map(“mapdiv”, {//mapdiv 是展示arcgis地图的div idbasemap : “streets”,//默认是街道地图center : [109.56589,18.253725], // longitude, latitudezoom : 12//放大倍数});mapObj.on(“load”, addPoints); //在地图加载完成之后,调用addPoints方法});function addPoints(map) {for(var i = 0 ,size = arcgis_device_list.length ;i<size;i++){// arcgis_device_list 该变量是从数据库中取得的array ,在这里不写var device = arcgis_device_list[i];var symbol = new esri.symbol.PictureMarkerSymbol(appPath+”/images/lcyd.jpg”, 18, 10); var pt = new esri.geometry.Point( device.xValue,device.yValue);var attr = {“deviceName”:device.equipmentName};var infoTemplate = new esri.InfoTemplate(“${deviceName}”, “这里可以写内容,支持html “); var graphic = new esri.Graphic(pt, symbol,attr,infoTemplate); mapObj.graphics.add(graphic); } }
至此,动态在arcgis中添加点标记结束。
效果如下:
![](http://www.pm-road.com/wp-content/uploads/2014/12/0141224123441-300x250.jpg)
arcgis使用js动态显示坐标
arcgis使用js动态加载坐标相关推荐
- (转载)arcgis for js - 解决加载天地图和WMTS服务,WMTS服务不显示的问题,以及wmts服务密钥。...
1 arcgis加载天地图和wmts服务 arcgis for js加载天地图的例子网上有很多,这里先不写了,后期有空再贴代码,这里主要分析下WMTS服务为什么不显示,怎么解决. 条件:这里的WMTS ...
- Arcgis for Js之加载wms服务
概述:本节讲述Arcgis for Js加载ArcgisServer和GeoServer发布的wms服务. 1.定义resourceInfo var resourceInfo = { extent: ...
- JS动态加载脚本及对动态脚本内方法的调用
JS动态加载脚本及对动态脚本内方法的调用 摘要 JS动态加载脚本及对动态脚本内方法的调用 JS 动态 添加脚本 按需加载 首先我们需要一个被加载的js文件,我在一个固定文件夹下创建了一个package ...
- 转:JS动态加载JS
JS动态加载JS 1.直接document.write <script language="javascript"> document.write("< ...
- js动态加载css文件和js文件的方法
今天研究了下js动态加载js文件和css文件的方法. 网上发现一个动态加载的方法.摘抄下来,方便自己以后使用 [code lang="html"] <html xmlns=& ...
- python 爬虫+selenium 全自动化下载JS动态加载漫画
** python 爬虫+selenium 全自动化下载JS动态加载漫画 最近刚学的python,代码可能并不规范,希望大家见谅! 爬取之前,我们首先需要做一些准备工作,因为很多网站都有反爬检索,为了 ...
- php动态加载js,动态加载script文件的两种方法_javascript技巧
动态加载script到页面大约有俩方法 第一种就是利用ajax方式,把script文件代码从后台加载到前台,然后对加载到的内容通过eval()执行代码.第二种是,动态创建一个script标签,设置其s ...
- js动态载入css文件,原生JS动态加载JS、CSS文件及代码脚本(示例代码)
var DynamciLoadUtil = { // 动态加载外部js文件,并执行回调 loadJS: function(url, callback){ var script = document.c ...
- Python《突破JS动态加载,成功爬取漫画》
今天就先挑战另外个动态加载的漫画网站,dmzj 漫画太多了,我们先挑选几个漫画下载试一试. 比如我们点击第一部漫画,进去后看看. 这里有很多章节,获得所有的章节这里不难. 接下来我们点击一个章节进去看 ...
最新文章
- 【探索PowerShell 】【一】初识
- sed文本处理常见用法
- u3d 动态 随机 地图_我的世界1.12.2模组教程:VoxelMap小地图新老玩家辅助神器
- Flutter下拉刷新,上拉加载更多数据
- docker镜像是否包含操作系统
- 简单mysql程序_【备忘】mysql简单操作程序
- android - 使用Parcelable序列化
- Linux下修改Mysql的用户(root)的密码的俩种方法
- JS 类数组,字符串,转换成数组的方法
- 针对 xml 数据类型的 XQuery (摘自SQL Server 2005 联机丛书)
- 中望cad自定义快捷键命令_中望CAD快捷键汇总
- 关于网络捐款 (r5笔记第53天)
- 微信H5适配 解决微信调整字体大小导致Html5页面混乱
- 摸爬滚打DirectX11_day02——VS2010+DirectX11的环境配置
- matlab计算胎心率,基于盲分离的胎心音心率检测算法与实现
- 三种商业模式B2C、B2B、C2C
- Hibernate之load和get的区别
- 文件处理小程序(包含哈夫曼文件压缩-解压等 C语言)
- 多时点DID平行趋势检验
- 动手学深度学习(二)——windows10系统中pytorch安装(从显卡驱动开始)