function init() {
require([
"esri/map",
"esri/geometry/Point",
"esri/symbols/SimpleMarkerSymbol",
"esri/symbols/SimpleLineSymbol",
"esri/Color",
"esri/geometry/webMercatorUtils",
"esri/graphic",
"dojo/domReady!"
], function(
Map,
Point,
SimpleMarkerSymbol,
SimpleLineSymbol,
Color,
webMercatorUtils,
Graphic
) {
var map= new Map("point", {
basemap: "streets",
center: [115.94414919567447,31.1578429539165],
zoom: 17,
logo: false,
slider:false
});
//定义图标
var symbol = new SimpleMarkerSymbol(
SimpleMarkerSymbol.STYLE_CIRCLE,
12,
new SimpleLineSymbol(
SimpleLineSymbol.STYLE_NULL,
new Color([247, 34, 101, 0.9]),
1
),
new Color([207, 34, 171, 0.5])
);
//核心,绑定点击事件
map.on("click", function(evt){
var mp = webMercatorUtils.webMercatorToGeographic(evt.mapPoint);
//var mp = evt.mapPoint;//部分旧版arcgis要这样写
map.graphics.clear();
map.graphics.add(new Graphic(evt.mapPoint, symbol));
map.infoWindow.setContent("Longitude: " + mp.x.toString() + ", <br>Latitude: " + mp.y.toString());
map.infoWindow.show(evt.mapPoint);
});
});
}
基于arcgis,需要引入相关的JS