Question

使用javascript在天地图上如何点击图标可以弹出对话框，显示详细内容

下面是我的源代码，用的是javascript，ShowLocation方法是在地图上的相应坐标显示小图片，怎么样才能点击这个小图片的时候弹出一个对话框，对话框显示详细信息，我是新手，谢谢大家帮忙啊

var djConfig = {parseOnLoad:true};
dojo.require("esri.map");
dojo.require("esri.layers.graphics");
dojo.require("dijit.layout.BorderContainer");
dojo.require("dijit.layout.ContentPane");
//定义经纬度
var showLocatLayer;
//地图展示init方法
function init(){
var basemap = new TDTLayer();
var annolayer =new TDTAnnoLayer();
var cehuijulayer = new ceHuiJuLayer();
showLocatlayer = new esri.layers.GraphicsLayer();
var extent1 = new esri.geometry.Extent(115,34,123,38, new esri.SpatialReference({ wkid: 4326 }));
var map = new esri.Map("map121", {
extent: extent1,
slider: false ,
logo:false
});
map.addLayer(basemap);
map.addLayer(annolayer);
map.addLayer(cehuijulayer);
map.addLayer(showLocatlayer);
map.setLevel(6);
ShowLocation(117,36);
}
function ShowLocation(x, y){
var pocation = new esri.geometry.Point(x, y, new esri.SpatialReference({wkid:4326}));
var pointSymbols = new esri.symbol.PictureMarkerSymbol("<%=request.getContextPath()%>/images/biaozhi-1.png",25,25);
var pointGraphic = new esri.Graphic(pocation, pointSymbols);
showLocatlayer.add(pointGraphic);
}
dojo.addOnLoad(init);

Answer 1

在你的init方法里面肯定是有生成这个小图片的代码，或者是这个小图片所在的div。你需要看一下确定一下这个小图片所在的父容器（比如是在div里面，还是直接就是一个<img>）,然后获取这个父容器，添加点击事件。

根据你的代码来看，很可能是在ShowLocation()方法里面的 pointSymbols,你尝试一下，看看能不能给这个变量添加一个点击事件。

如何添加点击事件不用我说了吧？（调断点看这个变量，里面有没有onclick,有的话直接用pointSymbols.onclick=function(){//这个函数里面写弹出小窗口的代码。}，如果你的页面里面有JS的框架，比如JQuery，那就用Jquery提供的事件注册方法注册一个点击事件。）

Answer 2

可以私聊我~