如何正确响应ArcGIS JavaScript API中图形的鼠标事件
2个回答
2018-06-27 · 百度知道合伙人官方认证企业
兄弟连教育
兄弟连教育成立于2006年，11年来专注IT职业教育，是国内专业的IT技术培训学校。2016年成功挂牌新三板（股票代码：839467）市值过亿。开设专注程序员培训专注php、Java、UI、云计算、Python、HTML5、
向TA提问
关注
![]()
展开全部
点击地图上的图形，自动进行专题GIS数据查询，当在地图非图形区域上点击时，自动进行底图迟扮兴趣点查询。
由于专题GIS图形是叠加在底图上的，所以我们在处理地图的鼠标点击事件时，就需要根据芦戚实际陪旦陵点击的位置和内容来对不同的数据进行查询。
ArcGIS JavaScript API为分别提供了针对地图对象和图形的两个鼠标点击事件。
由于专题GIS图形是叠加在底图上的，所以我们在处理地图的鼠标点击事件时，就需要根据芦戚实际陪旦陵点击的位置和内容来对不同的数据进行查询。
ArcGIS JavaScript API为分别提供了针对地图对象和图形的两个鼠标点击事件。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
2016-11-18 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
参考下面代码：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /野嫌>
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" />
<title>Test Map</颂旦手title>
<link rel="stylesheet" href="localhost/arcgis_js_api/library/3.17/3.17/dijit/themes/claro/claro.css" />前面加迟颤上http://。
<link rel="stylesheet" href="localhost/arcgis_js_api/library/3.17/3.17/esri/css/esri.css" />前面加上http://。
<style>
html, body, #ui-map-view {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
</style>
<script src="localhost/arcgis_js_api/library/3.17/3.17/init.js"></script>前面加上http://。
<script>
var myMap;
require([
"esri/layers/ArcGISTiledMapServiceLayer",
"esri/symbols/SimpleMarkerSymbol",
"esri/map",
"dojo/on",
"esri/graphic",
"esri/geometry/Point",
"dojo/domReady!"
], function ( TileLayer,SimpleMarkerSymbol, Map, on,Graphic,Point){
var layer = new TileLayer(
"seanpc.com/ags/rest/services/WorldBaseMap/MapServer"前面加上https://www.
);
myMap = new Map("ui-map-view",{
center: [-111.87, 40.57]
});
myMap.addLayer(layer);
//地图鼠标点击响应事件
on(myMap,"click",function(e){
alert("map clicked");
});
myMap.on("load", function() {//图形鼠标点击响应事件
myMap.graphics.on("click",function(e){
alert("graphic clicked");
e.stopPropagation();
});
var g=new Graphic();
g.setGeometry(new Point([-111.87, 40.57]));
var simpleMarkerSymbol = new SimpleMarkerSymbol();
g.setSymbol(simpleMarkerSymbol);
myMap.graphics.add(g);
});
});
</script>
</head>
<body class="claro">
<div id="ui-map-view"></div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /野嫌>
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" />
<title>Test Map</颂旦手title>
<link rel="stylesheet" href="localhost/arcgis_js_api/library/3.17/3.17/dijit/themes/claro/claro.css" />前面加迟颤上http://。
<link rel="stylesheet" href="localhost/arcgis_js_api/library/3.17/3.17/esri/css/esri.css" />前面加上http://。
<style>
html, body, #ui-map-view {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
</style>
<script src="localhost/arcgis_js_api/library/3.17/3.17/init.js"></script>前面加上http://。
<script>
var myMap;
require([
"esri/layers/ArcGISTiledMapServiceLayer",
"esri/symbols/SimpleMarkerSymbol",
"esri/map",
"dojo/on",
"esri/graphic",
"esri/geometry/Point",
"dojo/domReady!"
], function ( TileLayer,SimpleMarkerSymbol, Map, on,Graphic,Point){
var layer = new TileLayer(
"seanpc.com/ags/rest/services/WorldBaseMap/MapServer"前面加上https://www.
);
myMap = new Map("ui-map-view",{
center: [-111.87, 40.57]
});
myMap.addLayer(layer);
//地图鼠标点击响应事件
on(myMap,"click",function(e){
alert("map clicked");
});
myMap.on("load", function() {//图形鼠标点击响应事件
myMap.graphics.on("click",function(e){
alert("graphic clicked");
e.stopPropagation();
});
var g=new Graphic();
g.setGeometry(new Point([-111.87, 40.57]));
var simpleMarkerSymbol = new SimpleMarkerSymbol();
g.setSymbol(simpleMarkerSymbol);
myMap.graphics.add(g);
});
});
</script>
</head>
<body class="claro">
<div id="ui-map-view"></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
