添加arcgi移动地图点位事件

//地图
var map = null;
//arcgis 中的实例化对象
var Map = null;  //地图
var Point = null; //点
var SpatialReference = null; //坐标系
var ArcGISTiledMapServiceLayer = null;//arcgis切图服务
var ClusterLayer = null;//聚合图层
var GraphicsLayer = null;//图形图层(元素图层)
var Graphic = null; //元素
var PictureMarkerSymbol = null;
var arrayUtils = null;
var webMercatorUtils = null;
var SimpleMarkerSymbol = null;
var ClassBreaksRenderer = null;
var SimpleLineSymbol = null;
var Color = null;
var esriConfig = null;
var webMercatorUtils = null;
var CartographicLineSymbol = null;
var Polyline = null;
var SimpleFillSymbol = null;
var Polygon = null;
var TextSymbol = null;
var Font = null;
var Circle = null;
var Draw = null;
var SimpleFillSymbol = null;
var points_json = '';
var bl = "0";
//图层
var layer_case, bfys_gj_layer, bfys_point_layer, bfys_gjpoint_layer,jzw_layer, fqys_kf_layer, fqys_zdry_layer, fqys_czfw_layer, fqys_ldrk_layer, fqys_rwry_layer,fqys_xd_layer, fqys_xzf_layer, fqys_qps_layer, fqys_cs_layer, fqys_zdzsdw_layer, fqys_qymc_layer, fqys_zjcs_layer, fqys_hbxs_layer, fqys_dmx_layer, graphicslayer_jcz,graphicslayer_spjk, xzdz_layer, villagelayer_stc, villagelayer_shc, villagelayer_fdc, villagelayer_xtc, villagelayer_yzc, layer_text, layer_fire, spjk_layer, zhb_layer,jkdw_layer,ljxf_layer,ly_layer;
//图层样式
var mySymbol;
//字符串类型
var jhlx = "";
//所有图层的id
var AlllayersId = [];
//新增图层放置数据
var content, content1;
//当前点击对象
var clickJson = [], deletegeometry = [];
//热区
var heatLayer;
//全局点击房屋id
var all_fwid = "";
//全局  出租点击o.graphic
var save_click_json = [];
//检查站信息
var data_jcz;
//村庄信息
var data_villages;
//村庄案件信息
var data_czaj;
//工具
var toolbar;
var editToolbar;
//点位移动使用的变量
var selected;
//拖动时间控制
var firstTime=0;
var lastTime=0;
function createMapLoad(idv_ID, onLoad) {require(["esri/map", "esri/geometry/Point", "esri/SpatialReference", "esri/layers/ArcGISTiledMapServiceLayer","esri/layers/GraphicsLayer", "esri/graphic", "esri/symbols/PictureMarkerSymbol","dojo/_base/array", "esri/geometry/webMercatorUtils", "esri/symbols/SimpleMarkerSymbol","esri/renderers/ClassBreaksRenderer", "esri/symbols/SimpleLineSymbol", "esri/Color","esri/config", "esri/geometry/webMercatorUtils", "esri/symbols/CartographicLineSymbol","esri/geometry/Polyline", "esri/symbols/SimpleFillSymbol", "esri/geometry/Circle", "esri/geometry/Polygon",
//确保引入下方这些"esri/symbols/TextSymbol", "esri/symbols/Font", "extras/ClusterLayer", "esri/layers/ArcGISDynamicMapServiceLayer","esri/toolbars/edit", "esri/toolbars/draw", "esri/symbols/SimpleFillSymbol"], function (Map, Point, SpatialReference, ArcGISTiledMapServiceLayer, GraphicsLayer,Graphic, PictureMarkerSymbol, arrayUtils, webMercatorUtils, SimpleMarkerSymbol,ClassBreaksRenderer, SimpleLineSymbol, Color, esriConfig, webMercatorUtils,CartographicLineSymbol, Polyline, SimpleFillSymbol, Circle, Polygon, TextSymbol, Font, ClusterLayer, ArcGISDynamicMapServiceLayer,Edit, Draw, SimpleFillSymbol) {this.Map = Map;this.Point = Point;this.SpatialReference = SpatialReference;this.GraphicsLayer = GraphicsLayer;this.Graphic = Graphic;this.PictureMarkerSymbol = PictureMarkerSymbol;this.ClassBreaksRenderer = ClassBreaksRenderer;this.SimpleLineSymbol = SimpleLineSymbol;this.Color = Color;this.SimpleFillSymbol = SimpleFillSymbol;this.Polygon = Polygon;this.Draw = Draw;this.Circle = Circle;this.SimpleFillSymbol = SimpleFillSymbol;var initExtent = new esri.geometry.Extent({xmax: 120.434195,xmin: 120.402844,ymax: 30.884787,ymin: 30.863486,"spatialReference": { "wkid": 4326 }});map = new Map(idv_ID, {extent: esri.geometry.geographicToWebMercator(initExtent),logo: false});//地图拖动事件map.on("mouse-drag",function (evt) {if(selected){//若对应点位被选中并拖动，则开始记录坐标点var pt = new Point(evt.mapPoint.x, evt.mapPoint.y, new SpatialReference({wkid: 4326}))selected.setGeometry(pt);}});//地图停止拖动事件map.on("mouse-up",function (evt) {selected="";//松开时bl赋值false，停止记录坐标点map.enablePan()});//var mapLayer = new ArcGISTiledMapServiceLayer("http://localhost:6080/arcgis/rest/services/NXGZ_1029/MapServer");map.addLayer(mapLayer);map.on("load", function () {//视频监控图层jkdw_layer = new esri.layers.GraphicsLayer({ id: "jkdw_layer", className: "视频监控图层", visible: true });//所有视频监控图层点击jkdw_layer.on("click", function (o) {jkdw_layer12(o);});//监控点位按住事件jkdw_layer.on("mouse-down",function (e) {firstTime=new Date().getTime();//获取触发时间map.disablePan();selected = e.graphic;//赋值对应点，开始出发地图记录坐标功能});//监控点位松开事件jkdw_layer.on("mouse-up",function (e) {lastTime=new Date().getTime();//获取触发时间if(lastTime-firstTime>200){//根据两次触发时间间隔判断是否为拖动，有一定时间间隔则为拖动updataMapPoint(e);map.enablePan();selected = "";//松开坐标点，赋值空不再走功能}else{jkdw_layer12(e);}});});// 绑定加载事件 为map注册onload事件dojo.connect(map, "onLoad", function (x) {onLoad(map);});});
}

若地图点位有点击事件，将会与mouse-up，mouse-down起冲突，可通过在事件里判断拖动时间来处理事件，拖动时间极短，则判断为点击

添加arcgi移动地图点位事件相关推荐

高德地图android拖动地图,建议高德地图添加地图拖动事件，添加方法如内容所述...
我下面的实现方法肯定是错误的,不知道如何将高德地图fragment添加到UZWebView中的,能否帮给我指点一下. package com.abc.amap; import org.json.JSO ...
百度地图添加多个marker点位标注
百度地图添加多个marker点位标注新建一个TMap.js文件 export function TMap(key) {return new Promise(function (resolve, re ...
vue+openlayer+echarts 在地图点位上添加柱状图
** vue+openlayer+echarts 给地图点位添加柱状图 ** 重点在方法addColumnChart()里,三步实现在网上百度了很多相关文章,最终都无疾而终,只能硬着头皮自己摸索,好 ...
高德地图marker事件监听-高德地图marker绑定事件就执行了[解决立即执行]
官方的demo是这样的: 地址:[http://lbs.amap.com/api/javascript-api/example/infowindow/add-infowindows-to-multip ...
关于百度地图动态事件调用的使用
一次调试百度地图动态marker事件监听的问题,不知如何解决,后来看了原作者jz1108才知道要用闭包.觉得原作者jz1108关于百度地图的文章写的不错,所以转载到了CSDN,为了尊重原作者jz110 ...
教你如何利用微信小程序高效地完成地图点位标注
前言如今,移动互联网技术飞速发展,微信小程序以其方便快捷的特点受到了广泛的欢迎.在这篇文章中,我将会介绍如何利用微信小程序实现地图点位功能,帮助大家更好地了解和使用地图服务.让我们一起来看看吧. 实 ...
vue + ArcGIS 地图应用系列三：添加常规的地图组件
为了页面的美观,这里我们使用的UI库为: Ant Design Vue 项目源码仓库地址:https://github.com/LuckRain7/arcgis-api-for-javascript- ...
html5页面中添加腾讯地图api
html5页面中添加腾讯地图api: 点击地图出现详细的地图: 这是一个基于微信端的地图处理方案. 先看看html架构: <a id="aToMap" href=" ...
php网页地图上自定义,如何添加在线自定义地图
在奥维互动地图浏览器中,除内置的在线地图外,用户还可以添加自定义地图,如在线电子地图和航拍图等,以满足用户对特定地图的需求. 1.正常添加在线电子地图的前提条件 (1)被添加的地图采用墨卡托投影方式, ...

添加arcgi移动地图点位事件

添加arcgi移动地图点位事件相关推荐

最新文章

热门文章