`

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 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使用js动态显示坐标

arcgis使用js动态显示坐标

3
7
分享到:
评论

相关推荐

    基于ArcGIS API for JavaScript加载百度各种类型切片地图

    总结来说,"基于ArcGIS API for JavaScript加载百度各种类型切片地图"是一个将两种强大地图服务结合的技术实践。通过BaiduLayer模块,开发者可以在ArcGIS应用中利用百度地图的丰富切片,为用户提供更加多样化的地图...

    arcgis api for javascript 实现动态轨迹

    arcgis api for javascript 实现动态轨迹(巡查轨迹)

    9.(arcgis api for js篇)arcgis api for js接入百度地图(有偏移).zip

    在本教程中,我们将深入探讨如何使用ArcGIS API for JavaScript集成百度地图,并处理地图坐标系之间的偏移问题。ArcGIS API for JS是一个强大的工具,它允许开发者构建交互式的Web地图应用,而百度地图在国内有着...

    ArcGIS Js API 加载WMTS服务

    本篇文章将深入探讨如何使用ArcGIS Js API加载WMTS服务。 WMTS是一种基于OGC(Open Geospatial Consortium)标准的服务,它提供预渲染的地图切片,以便快速、高效地展示地理空间信息。WMTS服务通常由地图服务器提供...

    ArcGIS API for JavaScript4.10加载高德地图

    在本文中,我们将深入探讨如何使用ArcGIS API for JavaScript 4.10版本来加载高德地图,并结合高德地图的影像数据,实现自定义的GaodeMapLayer模块。ArcGIS API for JavaScript是一个强大的Web GIS开发工具,它允许...

    ArcGIS API for JavaScript3加载高德地图

    本篇文章将详细探讨如何使用ArcGIS API for JavaScript 3.23版本加载高德地图和影像地图。 1. ArcGIS API for JavaScript 3.23概述: ArcGIS API for JavaScript 3.23是Esri提供的一个强大的Web GIS开发工具,支持...

    Three.js与arcgis的交互与渲染

    6. **空间数据转换**:将ArcGIS的地理坐标系统与Three.js的3D坐标系统进行转换是关键一步。这通常需要对投影和坐标转换有深入理解。 7. **混合渲染**:在同一个视口内,如何协调ArcGIS的2D/3D图层和Three.js的3D...

    ArcGIS api for javascript 3.21版本加载高德地图

    在本文中,我们将深入探讨如何使用ArcGIS API for JavaScript 3.21版本来加载高德地图。ArcGIS API是一款强大的工具,它允许开发者在Web应用程序中集成地理信息系统(GIS)功能,包括地图显示、图层操作、地理编码、...

    arcgis加载4490图层所需js

    "arcgis加载4490图层所需js"这个标题表明我们需要使用JavaScript来与ArcGIS服务进行交互,将4490图层显示在地图上。下面将详细解释这个过程涉及的关键知识点。 1. **ArcGIS JavaScript API**:这是Esri提供的一个...

    arcgis js api 加载天地图底图

    在本文中,我们将深入探讨如何使用ArcGIS JavaScript API(arcgis for js api)加载天地图作为WebGIS应用的底图。天地图是中国提供的一种在线地理信息服务,它包含了丰富的地图资源,如矢量图、影像图、矢量标注、...

    基于ArcGIS API for JavaScript加载天地图

    以上就是使用ArcGIS API for JavaScript加载天地图的基本流程。通过这种方式,我们可以将天地图集成到Web应用中,为用户提供中国本土的地理信息展示。同时,利用ArcGIS API的丰富功能,可以进一步实现地图标记、测量...

    ArcGIS API for JavaScript加载百度地图代码

    在IT行业中,ArcGIS API for JavaScript是一个广泛使用的地理信息系统(GIS)开发工具,...通过不断学习和实践,你可以熟练掌握ArcGIS API for JavaScript加载百度地图的技术,为用户提供更丰富、更个性化的地图应用。

    ArcGIS API for Javascript3加载天地图

    在本文中,我们将深入探讨如何使用ArcGIS API for JavaScript 3.23版本来加载天地图,包括矢量图、影像图和地形图,并展示如何添加标注图层。ArcGIS API for JavaScript是Esri公司提供的一个强大的Web GIS开发工具,...

    arcgis js加载天地图js文件

    在GIS领域,ArcGIS JavaScript API(arcgis js)是一个广泛使用的工具,用于构建与Esri ArcGIS服务交互的Web应用程序。这个API允许开发者在网页上显示地图、进行地理操作、查询数据以及集成其他GIS功能。而"加载天...

    ArcGIS API for js4.15加载高德地图作为底图

    在这个场景中,我们关注的是如何在ArcGIS API for js4.15版本中加载高德地图作为底图,以替代可能在某些客户机上表现不佳的OpenStreetMap(OSM)。 首先,我们需要理解为什么在某些情况下会选择高德地图替代OSM。...

    arcgis 加载tif文件

    如果你需要在Web环境下加载TIFF,可以使用ArcGIS Online或ArcGIS Server的Web应用程序接口(如ArcGIS API for JavaScript),按照API文档的指导将TIFF数据集成到Web地图中。 总之,加载和处理TIFF文件是ArcGIS日常...

    ArcGIS API for JavaScript3加载谷歌地图

    本文将深入探讨如何使用ArcGIS API for JavaScript 3.23版本加载并集成在线的谷歌地图,以及展示谷歌地图的影像和标注。 首先,我们要了解ArcGIS API for JavaScript的核心概念。这是一个基于Web的开发库,由Esri...

    arcgis js引入天地图的js(最新可用)

    在GIS领域,ArcGIS JavaScript API(arcgis js)是一款广泛使用的Web GIS开发工具,它允许开发者构建交互式的、基于地图的Web应用程序。本主题聚焦于如何在arcgis js项目中集成天地图(TianDiTu),这是一个由中国...

    ArcGIS for JavaScript 车辆轨迹回放

    ArcGIS for JavaScript 是Esri公司提供的一个强大的Web GIS开发框架,它允许开发者使用JavaScript语言构建交互式的地理信息系统应用。在这个小示例中,我们将深入探讨如何利用ArcGIS for JavaScript API(3.33版本)...

    arcgis js 结合 three.js 实现流动的管道

    1. **设置地图环境**:首先,需要使用ArcGIS JS API加载地图服务,设置底图,这可以通过创建Map和MapView对象来完成。同时,需要确保地图的坐标系统与Three.js的坐标系统兼容。 2. **创建3D场景**:在Three.js中,...

Global site tag (gtag.js) - Google Analytics