【转】基于ArcGIS for javascript api 轨迹回放

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

  <head>

    <meta. http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>Simple Map</title>

    <link rel="stylesheet" type="text/css" href="http://esri-guo/arcgis_js_v32_sdk/arcgis_js_api/library/3.2/jsapi/js/dojo/dijit/themes/tundra/tundra.css"/>

    <link rel="stylesheet" type="text/css" href="http://esri-guo/arcgis_js_v32_sdk/arcgis_js_api/library/3.2/jsapi/js/esri/css/esri.css" />

    <script. type="text/javascript" src="http://esri-guo/arcgis_js_v32_sdk/arcgis_js_api/library/3.2/jsapi/init.js"></script>

    <script. type="text/javascript">

        dojo.require("esri.map");

        dojo.require("esri.toolbars.draw");

        dojo.require("esri.graphic");

        dojo.require("esri.layers.graphics");

        dojo.require("esri.geometry");

        var ptcount = "13740395.6058,5130594.7971/13740385.6058,5130594.7971/13740375.6058,5130594.7971/13740365.6058,5130594.7971/13740355.6058,5130594.7971/13740355.6058,5130583.7971/13740355.6058,5130572.7971/13740355.6058,5130561.7971/13740355.6058,5130550.7971/13740355.6058,5130549.7971/13740355.6058,5130538.7971/13740355.6058,5130527.7971/13740355.6058,5130516.7971/13740355.6058,5130505.7971/13740355.6058,5130494.7971/13740355.6058,5130483.7971/13740355.6058,5130472.7971/13740355.6058,5130461.7971/13740355.6058,5130450.7971/13740355.6058,5130449.7971/13740355.6058,5130438.7971/13740355.6058,5130427.7971/13740355.6058,5130416.7971/13740355.6058,5130405.7971/13740355.6058,5130394.7971/13740355.6058,5130383.7971/13740355.6058,5130372.7971/13740355.6058,5130361.7971/13740355.6058,5130350.7971/13740355.6058,5130349.7971/13740355.6058,5130328.7971/13740355.6058,5130317.7971/13740355.6058,5130306.7971/13740355.6058,5130295.7971/13740355.6058,5130284.7971/13740355.6058,5130273.7971/13740355.6058,5130262.7971/";

        var list;

        var defaultSymbol;

        var myMap;

        var icount;

        var i = 0;

        function ptcounntSplit() {

            list = ptcount.split("/");

           icount= list.length;

            //alert(list[0].substring(0,list[0].indexOf(',')));

            //alert(list[0].substring(list[0].indexOf(',')+1, list[0].length));

        }

        function ptPosition() {

            var pointSymbol = new esri.symbol.SimpleMarkerSymbol();

            pointSymbol.setOutline = new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([255, 0, 0]), 1);

            pointSymbol.setSize(5);

            pointSymbol.setColor(new dojo.Color([0, 255, 0, 0.25]));

            var geometry = new esri.geometry.Point(13740395.6058, 5130594.7971);

            var graphic = new esri.Graphic(geometry, pointSymbol);

            myMap.graphics.add(graphic);

           // var point = new esri.geometry.Point({ "x": 13740395.6058, "y": 5130594.7971, " spatialReference": { " wkid": 102100} });

            myMap.centerAndZoom(geometry, 20);

        }

        function go() {

            var pointSymbol = new esri.symbol.SimpleMarkerSymbol();

            pointSymbol.setOutline = new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([255, 0, 0]), 1);

            pointSymbol.setSize(5);

            pointSymbol.setColor(new dojo.Color([0, 255, 0, 0.25]));

            //alert(list[i]);

            var geometry = new esri.geometry.Point(list[i].substring(0, list[i].indexOf(',')), list[i].substring(list[i].indexOf(',') + 1, list[i].length));

            var graphic = new esri.Graphic(geometry, pointSymbol);

            myMap.graphics.add(graphic);

            var extent = myMap.extent;

            if (!extent.contains(graphic.geometry)) {

                myMap.centerAt(geometry);

            }

              i++;

        }

        function gogps() {

            go();

            if (i < icount) {

                            window.setTimeout("gogps()", "2000");

            }

            else {

                            window.clearTimeout("gogps()");

            }

        }

      function init() {

        //var myMap = new esri.Map("mapDiv");

          var customExtentAndSR = new esri.geometry.Extent(13676444.4499247, 5092822.83792968, 13781163.1786753, 5160163.85984883, new esri.SpatialReference({ "wkid": 102100})); 

          myMap = new esri.Map("mapDiv", {extent:customExtentAndSR}); 

        //note that if you do not have public Internet access then you will need to point this url to your own locally accessible cached service.

        var myTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://www.arcgisonline.cn/ArcGIS/rest/services/ChinaCities_Community_BaseMap_CHN/ShenYang_Community_BaseMap_CHN/MapServer");

        myMap.addLayer(myTiledMapServiceLayer);

      }

      dojo.addOnLoad(init);

    </script>

  </head>

  <body class="tundra">

    <table>

      <tr>

          <td>

             <div id="mapDiv" style="width:1500px; height:800px; border:1px solid #000;"></div>

          </td>

          <td>

             <input id="Button1" type="button" value="定位" nclick='ptPosition()' />

             <input id="Button2" type="button" value="回放" nclick=' ptcounntSplit();gogps()'/>

          </td>

      </tr>

    </table>

  </body>

</html>

原文链接：http://www.gisall.com/html/72/124272-8160.html

【转】基于ArcGIS for javascript api 轨迹回放的更多相关文章

Arcgis for Javascript API下类似于百度搜索A、B、C、D marker的实现方式
原文:Arcgis for Javascript API下类似于百度搜索A.B.C.D marker的实现方式多说无益,首先贴两张图让大家看看具体的效果: 图1.百度地图搜索结果图2.Arcgis ...
ArcGIS For JavaScript API 默认参数
“esri.config”的是在1.3版中的的“esriConfig”的替代品.如果您使用的是1.2或更低的版本,您应该参阅默认API v1.2和更低的配置.对于版本1.3或更高版本,您可以使用“es ...
利用Arcgis for javascript API绘制GeoJSON并同时弹出多个Popup
1.引言由于Arcgis for javascript API不可以绘制Geojson,并且提供的Popup一般只可以弹出一个,在很多专题图制作中,会遇到不少的麻烦.因此本文结合了两个现有的Arcg ...
arcgis for JavaScript API 4.5与4.3的区别
arcgis 4.5与4.3区别: 鉴于本人使用4.3时间比较久,而arcgis for JavaScript API于9月28日推出了4.5版本,但是直接更换4.5的init.js会出现意想不到的错 ...
[转]MBTiles 离线地图演示 - 基于 Google Maps JavaScript API v3 + SQLite
MBTiles 是一种地图瓦片存储的数据规范,它使用SQLite数据库,可大大提高海量地图瓦片的读取速度,比通过瓦片文件方式的读取要快很多,适用于Android.IPhone等智能手机的离线地图存储. ...
ArcGIS API for JavaScript开发笔记(一)——ArcGIS for Javascript API 3.14本地部署
堪称史上最详细的< ArcGIS forJavascript API 3.14本地部署>文档,有图有真相~~~ ---------环境:Windows server 2012R2,IIS ...
ArcGIS Server JavaScript API 各命名空间的含义【转】
1.esri 命名空间所有的对象都是在 esri 命名空间下的,esri 有自己的属性和方法. 如 esri.version 返回当前 JavaScript API 的版本号.e ...
【ArcGIS for JavaScript api】Clusterlayer聚簇类
1.作用: 聚簇类是用于前端显示优化,使POI点要素显示更为美观.大量的Marker距离太近会引起压盖而对浏览或者操作产生不便,因此,一般在超过1K点的时候,用此类.. 2.使用方式: 1: // c ...
MBTiles 离线地图演示 - 基于 Google Maps JavaScript API v3 + SQLite
MBTiles 是一种地图瓦片存储的数据规范,它使用SQLite数据库,可大大提高海量地图瓦片的读取速度,比通过瓦片文件方式的读取要快很多,适用于Android.IPhone等智能手机的离线地图存储. ...

随机推荐

localStorage、sessionStorage、cookie的区别
localStorage: 存储的内容大概20MB 不同浏览器不能共享,但是在同一浏览器的不同窗口中可以共享永久生效,它的数据是存储的硬盘上,并不会随着页面或者浏览器的关闭而清楚,需手动清除 ses ...
Python--day69--ORM聚合查询和分组查询
聚合查询和分组查询聚合 aggregate()是QuerySet 的一个终止子句,意思是说,它返回一个包含一些键值对的字典. 键的名称是聚合值的标识符,值是计算出来的聚合值.键的名称是按照字段和聚合 ...
2019-9-2-win10-uwp-车表盘-径向规
title author date CreateTime categories win10 uwp 车表盘径向规 lindexi 2019-09-02 12:57:38 +0800 2018-2-1 ...
Python--day29--logging模块(日志模块)
重要程度六颗星,比如一个小窗口的广告如果因为你没有日志的问题导致点击量没有记录下来,几十分钟那就会损失几十万了,这责任谁负得起. 希望离开一个公司是因为有了更好的去处而不是因为各种各样的原因被开掉,那 ...
在CentOS7上安装ftp服务器用于保存服务端上传的图片。
1.CentOS卸载vsftpd的方法如果服务器上已经安装了vsftpd服务,配置出错需要卸载vsftpd服务. 1.1 查找vsftpd服务 [root@localhost /]# rpm -aq ...
关于scipy包的安装
先安装好scikit-learn和numpy,从网上下载scipy的whl文件,通过pip install+安装包地址的方法安装
tet-2
一.html和css部分 1.如何理解CSS的盒子模型? 标准盒子模型:宽度=内容的宽度(content)+ border + padding 低版本IE盒子模型:宽度=内容宽度(content+ ...
C# 循环的判断会进来几次
最近有小伙伴告诉我,在循环的判断条件只会计算一次,本金鱼不相信,于是就做了测试,本文记录我做的测试. 先来写一个简单的代码, 就一个循环,循环的判断是从一个函数获取值 class Program { ...
土旦：移动端 Vue+Vant 的Uploader 实现：上传、压缩、旋转图片
面向百度开发 html <van-uploader :after-read="onRead" accept="image/*"> <img s ...
看各类框架源码淘来的一些JavaScript技巧
1. 创建定长的JavaScript数组,并赋空值: 出自VUE文档Render函数讲解 // 创建定长20的JavaScript数组,并把每个项的值设为null Array.apply(null, ...

【转】基于ArcGIS for javascript api 轨迹回放

【转】基于ArcGIS for javascript api 轨迹回放的更多相关文章

随机推荐

热门专题