在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在此未正确提交。我不明白这里面有什么问题