本文为原创,转载请注明出处: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 id basemap : “streets”,//默认是街道地图 center : [109.56589,18.253725], // longitude, latitude zoom : 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 api for javascript 实现动态轨迹(巡查轨迹)
下载如有问题,可私信博主。下载前建议先查看博客内容,其地址为:https://blog.csdn.net/m0_60387551/article/details/123356335
arcgis js api 调用国家天地图 山东天地图封装js文件类 里面有说明文档 天地图坐标系代码为4490 2000坐标下 在定义map变量的时候最好写上
ArcGIS API for JavaScript 4.x 基础之绘制点、线、面、标注、图片的完整代码;
利用arcgis api开发,底图选择osm在某一些客户机上运行缓慢,或底图不出来。利用高德地图作为底图,这个比较准确,没有坐标偏移
利用arcgis js api 加载谷歌高清影像,坐标系是jc-02,附件是完整的demo,有需要的人可以测试下
使用arcgis for js加载天地图,并设置初始的坐标及缩放比例。 以及提供GP服务的加载点击方式
ArcGIS API for JavaScript 加载高德地图。加载高德地图
CGCS2000、WGS84、百度高德等...四、本版本软件支持含有坐标串的excel文件转换为shp矢量文件,可支持ARCGIS、supermap、skyline等GIS软件的加载。 五、本软件操作简单,方便使用。如有任何问题可联系微信shenzhengis
源码主要修改地方是: 176512行 -- 将服务切片数据赋值到 tilingScheme._tileInfo = = data.tileInfo 17364行 、17383行 -- 根据切片数据,计算不同比例尺,瓦片行列总数 176917行 -- 增加判断,根据orgin -400 与 ...
内网使用,也可以在线需要更改路径,支持多个图层的切换,如果不能更改坐标系的话那得创建不同的地图去拿不同的经纬度,arcgis版本是4.24,如果需要查看高德地图请自行下载高德瓦片,包里有个在线的图层路径替换就...
本文就介绍下如何使用ArcGIS API for JavaScript 4.14版本和eCharts 4.7.0来实现这个需求。文章实现参考【GIS之家】的博客内容。首先来看下最终的效果: 实现思路 此需求的实现完全是纯前端的解决方法,接下来...
一、高德api加载谷歌地图示例: https://lbs.amap.com/api/javascript-api/guide/layers/wms 但是不知道为什么加载的是矢量数据,我们不妨换下别的谷歌影像url改下试试 //创建自定义切片图层,指定 getTileUrl 属性...
包含封装了天地图的js、前端实现坐标系转换的函数js、具体实现的代码html
利用SpatialHadoop库,实现ArcGIS地理坐标系和投影坐标系的切片,并利用ArcGIS api for JavaScript 完成了切片的加载,本实例从数据的读取,数据索引,数据处理,数据切片,数据加载,实现了全流程的切片过程。
Cesium 常用地图纠偏 百度、高德、Arcgis、腾讯地图纠偏 资源预览:http://dongnan185.com:8083/videos/jiupian.mp4 启动:npm i npm run serve
leaflet1.3.1版本引用了leaflet-tilelayer-wmts.js做了修改可加载天地图WMTS影像(EPSG:4326)Demo
当底图使用arcgis的地图,无论是在线还是本地发布的,这两个部件都可以使用(也就是baseLayers: baseLayers时) (4)拾取地图坐标(鼠标在地图上移动得到坐标) (5)绘图小部件 (6)分类点标注及简单的几何图形...
根据设备的不同,从各种来源收集地理信息探索地理坐标系统,包括大地测量系统和基准点使用Geolocation API,以JavaScript代码从用户的浏览器中取得位置信息使用Google地图或基于JavaScript 的ArcGIS API将位置信息...
本文档基于ArcGIS Pro 2.8版。 来自EPSG的条目来自EPSG数据库的10.14版本。 内容 文档文件位于以下目录中: 目录 内容 档名 json 所有工厂对象均为JSON格式 pe_list_ <objtype> .json CSV 所有CSV格式的工厂...