本文为原创,转载请注明出处: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中添加点标记结束。

效果如下:

arcgis使用js动态显示坐标

arcgis使用js动态加载坐标相关推荐

  1. (转载)arcgis for js - 解决加载天地图和WMTS服务,WMTS服务不显示的问题,以及wmts服务密钥。...

    1 arcgis加载天地图和wmts服务 arcgis for js加载天地图的例子网上有很多,这里先不写了,后期有空再贴代码,这里主要分析下WMTS服务为什么不显示,怎么解决. 条件:这里的WMTS ...

  2. Arcgis for Js之加载wms服务

    概述:本节讲述Arcgis for Js加载ArcgisServer和GeoServer发布的wms服务. 1.定义resourceInfo var resourceInfo = { extent: ...

  3. JS动态加载脚本及对动态脚本内方法的调用

    JS动态加载脚本及对动态脚本内方法的调用 摘要 JS动态加载脚本及对动态脚本内方法的调用 JS 动态 添加脚本 按需加载 首先我们需要一个被加载的js文件,我在一个固定文件夹下创建了一个package ...

  4. 转:JS动态加载JS

    JS动态加载JS 1.直接document.write <script language="javascript"> document.write("< ...

  5. js动态加载css文件和js文件的方法

    今天研究了下js动态加载js文件和css文件的方法. 网上发现一个动态加载的方法.摘抄下来,方便自己以后使用 [code lang="html"] <html xmlns=& ...

  6. python 爬虫+selenium 全自动化下载JS动态加载漫画

    ** python 爬虫+selenium 全自动化下载JS动态加载漫画 最近刚学的python,代码可能并不规范,希望大家见谅! 爬取之前,我们首先需要做一些准备工作,因为很多网站都有反爬检索,为了 ...

  7. php动态加载js,动态加载script文件的两种方法_javascript技巧

    动态加载script到页面大约有俩方法 第一种就是利用ajax方式,把script文件代码从后台加载到前台,然后对加载到的内容通过eval()执行代码.第二种是,动态创建一个script标签,设置其s ...

  8. js动态载入css文件,原生JS动态加载JS、CSS文件及代码脚本(示例代码)

    var DynamciLoadUtil = { // 动态加载外部js文件,并执行回调 loadJS: function(url, callback){ var script = document.c ...

  9. Python《突破JS动态加载,成功爬取漫画》

    今天就先挑战另外个动态加载的漫画网站,dmzj 漫画太多了,我们先挑选几个漫画下载试一试. 比如我们点击第一部漫画,进去后看看. 这里有很多章节,获得所有的章节这里不难. 接下来我们点击一个章节进去看 ...

最新文章

  1. 【探索PowerShell 】【一】初识
  2. sed文本处理常见用法
  3. u3d 动态 随机 地图_我的世界1.12.2模组教程:VoxelMap小地图新老玩家辅助神器
  4. Flutter下拉刷新,上拉加载更多数据
  5. docker镜像是否包含操作系统
  6. 简单mysql程序_【备忘】mysql简单操作程序
  7. android - 使用Parcelable序列化
  8. Linux下修改Mysql的用户(root)的密码的俩种方法
  9. JS 类数组,字符串,转换成数组的方法
  10. 针对 xml 数据类型的 XQuery (摘自SQL Server 2005 联机丛书)
  11. 中望cad自定义快捷键命令_中望CAD快捷键汇总
  12. 关于网络捐款 (r5笔记第53天)
  13. 微信H5适配 解决微信调整字体大小导致Html5页面混乱
  14. 摸爬滚打DirectX11_day02——VS2010+DirectX11的环境配置
  15. matlab计算胎心率,基于盲分离的胎心音心率检测算法与实现
  16. 三种商业模式B2C、B2B、C2C
  17. Hibernate之load和get的区别
  18. 文件处理小程序(包含哈夫曼文件压缩-解压等 C语言)
  19. 多时点DID平行趋势检验
  20. 动手学深度学习(二)——windows10系统中pytorch安装(从显卡驱动开始)

热门文章

  1. web service接口 wsdl和asmx有什么区别
  2. 点云数据pcd文件简介
  3. 才智汇栖霞,菁英聚智谷——中国(南京)智谷“AI+生物医药”菁英论坛启幕
  4. 扫清电路设计软件盲点,protel DXP电路设计软件批量修改
  5. POC-T框架学习————8、相关脚本深入学习四
  6. git删除分支,提示无法删除,怎么处理 ?
  7. 【转】Android 平台语音通话及回音消除、噪音消除研究
  8. NLP关系抽取和事件抽取
  9. LoRa联盟中的中国籍会员
  10. NLP以赛代练 Task 2:数据读取与分析