arcgis for js 개발 시리즈의 지도 오른쪽 클릭 이벤트 구현
Simple Map
document.oncontextmenu = function (e) {
e.preventDefault();
};
require([
"esri/map", "esri/geometry/Point", "esri/SpatialReference","esri/toolbars/edit",
"esri/symbols/SimpleMarkerSymbol", "esri/graphic", "esri/InfoTemplate","dijit/Menu",
"dijit/MenuItem",
"dijit/MenuSeparator",
], function (Map, Point, SpatialReference, SimpleMarkerSymbol, Graphic, InfoTemplate,Edit, Menu, MenuItem, MenuSeparator) {
map = new Map("mapDiv", {
basemap:"osm",
center: [117.12277857421876, 36.632967052981364],
zoom: 10,
logo: false
});
/* var parcelsURL = "http://127.0.0.1:6080/arcgis/rest/services/China/MapServer";
map.addLayer(new esri.layers.ArcGISTiledMapServiceLayer(parcelsURL));*/
map.on("load", doh);
function doh() {
var point = new Point(117.12277857421876, 36.632967052981364, new SpatialReference({wkid: 4326}));
var symbol = new esri.symbol.PictureMarkerSymbol("http://lbsyun.baidu.com/jsdemo/img/fox.gif", 80, 80);
var graphic = new esri.Graphic(point, symbol/*,attr,infoTemplate*/);
map.graphics.add(graphic);
dojo.connect(map.graphics,"onMouseDown",function (e) {
if(e.button == 2){
ctxMenuForGraphics = new Menu({});
createGraphicsMenu(e);
//
ctxMenuForGraphics.bindDomNode(e.graphic.getDojoShape().getNode());
}
})
function createGraphicsMenu(e) {
ctxMenuForGraphics.addChild(new MenuItem({
label: "<a><img src=\"http://lbsyun.baidu.com/jsdemo/img/fox.gif\" style='width: 30px; height: 30px; vertical-align: middle;'> </a>",
onClick: function () {
}
}));
ctxMenuForGraphics.addChild(new MenuItem({
label: "<a><img src=\"http://lbsyun.baidu.com/jsdemo/img/fox.gif\" style='width: 30px; height: 30px; vertical-align: middle;'> </a>",
onClick: function () {
}
}));
ctxMenuForGraphics.addChild(new MenuItem({
label: "<a><img src=\"http://lbsyun.baidu.com/jsdemo/img/fox.gif\" style='width: 30px; height: 30px; vertical-align: middle;'> </a>",
onClick: function () {
alert("Not implemented");
}
}));
ctxMenuForGraphics.startup();
}
}
});
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
