在arcgis javascript中向图形添加工具提示
我试图打开一个有图形的图层的“鼠标悬停”事件的工具提示 下面是我的密码在arcgis javascript中向图形添加工具提示,javascript,jquery,arcgis,arcgis-js-api,Javascript,Jquery,Arcgis,Arcgis Js Api,我试图打开一个有图形的图层的“鼠标悬停”事件的工具提示 下面是我的密码 <script> var map, dialog; require([ "esri/map", "esri/geometry/Circle", "esri/symbols/SimpleFillSymbol", "esri/symbols/SimpleMarkerSymbol", "esri/symbols/SimpleLineSymbol",
<script>
var map, dialog;
require([
"esri/map", "esri/geometry/Circle", "esri/symbols/SimpleFillSymbol", "esri/symbols/SimpleMarkerSymbol", "esri/symbols/SimpleLineSymbol",
"esri/graphic", "esri/geometry/Point", "esri/Color", "esri/dijit/geoenrichment/Infographic", "esri/tasks/geoenrichment/RingBuffer",
"esri/layers/GraphicsLayer","dojo/dom-style", "esri/lang",
"dijit/TooltipDialog", "dijit/popup", "dojo/domReady!"
], function (
Map, Circle, SimpleFillSymbol, SimpleMarkerSymbol, SimpleLineSymbol,
Graphic, Point, Color, Infographic, RingBuffer,GraphicsLayer, domStyle,esriLang,
TooltipDialog, dijitPopup
) {
map = new Map("map", {
basemap: "streets",
center: [-77.036744, 38.897731],
zoom: 12
});
var symbol = new SimpleFillSymbol().setColor(null).outline.setColor("blue");
var gl = new GraphicsLayer({ id: "circles" });
var pt = new GraphicsLayer({ id: "point" });
map.addLayer(pt);
map.addLayer(gl);
map.infoWindow.resize(245, 125);
dialog = new TooltipDialog({
id: "tooltipDialog",
style: "position: absolute; width: 250px; font: normal normal normal 10pt Helvetica;z-index:100"
});
dialog.startup();
pt.on("mouse-over", function (evt) {
var t = '<select id="dropDistance"><option value="5">5</option><option value="10">10</option><option value="15">15</option><option value="20">20</option></select>';
var content = esriLang.substitute(evt.graphic.attributes, t);
dialog.setContent(content);
domStyle.set(dialog.domNode, "opacity", 0.85);
dijitPopup.open({
popup: dialog,
x: evt.pageX,
y: evt.pageY
});
});
map.on("load", function () {
var symbolPoint = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 10,
new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID, new Color([255, 0, 0]), 1),
new Color([0, 255, 0, 0.25]));
point = new Point([-77.036744, 38.897731]);
var pointGraphic = new Graphic(point, symbolPoint);
pt.add(pointGraphic);
$(document).ready(jQueryReady);
});
function jQueryReady() {
}
});
</script>
变量映射,对话框;
要求([
“esri/map”、“esri/geometry/Circle”、“esri/symbols/SimpleFillSymbol”、“esri/symbols/SimpleMarkerSymbol”、“esri/symbols/SimpleLineSymbol”,
“esri/graphic”、“esri/geometry/Point”、“esri/Color”、“esri/dijit/GeoEnrich/Infographic”、“esri/tasks/GeoEnrich/RingBuffer”,
“esri/layers/GraphicsLayer”、“dojo/dom风格”、“esri/lang”,
“dijit/TooltipDialog”、“dijit/popup”、“dojo/domReady!”
],功能(
地图,圆,SimpleFillSymbol,SimpleMarkerSymbol,SimpleLineSymbol,
Graphic、Point、Color、Infographic、RingBuffer、GraphicsLayer、domStyle、esriLang、,
工具提示对话框,弹出窗口
) {
地图=新地图(“地图”{
基本地图:“街道”,
中心:[-77.036744,38.897731],
缩放:12
});
var symbol=new SimpleFillSymbol().setColor(null).outline.setColor(“蓝色”);
var gl=新的GraphicsLayer({id:“圆”});
var pt=新的GraphicsLayer({id:“点”});
map.addLayer(pt);
地图添加层(gl);
map.infoWindow.resize(245125);
dialog=新建工具提示对话框({
id:“工具提示对话框”,
样式:“位置:绝对;宽度:250px;字体:标准10pt Helvetica;z索引:100”
});
dialog.startup();
pt.on(“鼠标悬停”,功能(evt){
变量t='5101520';
var内容=esriLang.substitute(evt.graphic.attributes,t);
对话框.setContent(content);
设置(dialog.domNode,“不透明度”,0.85);
dijit.open({
弹出:对话框,
x:evt.pageX,
y:evt.pageY
});
});
map.on(“加载”,函数(){
var symbolPoint=新的SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_圆圈,10,
新SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,新颜色([255,0,0]),1),
新颜色([0,255,0,0.25]);
点=新点([-77.036744,38.897731]);
var pointGraphic=新图形(点,符号点);
增加部分(点图形);
$(文档).ready(jQueryReady);
});
函数jQueryReady(){
}
});
工具提示的Div在此未正确提交。我不明白这里面有什么问题