前言

内容概览

本文实现的是 arcgis api 3.x 版本的地图模态层,效果图如下:
arcgis api 3.x for js 入门开发系列二十二地图模态层(附源码下载)-LMLPHP

  • 实现核心代码
if (typeof DCI == "undefined") { var DCI = {}; }
DCI.modalLayer = {
map: null,//地图对象
graphicslayer: null,//显示图层
highlightSymbol: null,//区域高亮样式颜色
isModal:false,
/*
*初始化加载函数
*/
Init: function (map) {
DCI.modalLayer.highlightSymbol = new esri.symbol.SimpleFillSymbol(
esri.symbol.SimpleFillSymbol.STYLE_SOLID,
new esri.symbol.SimpleLineSymbol(
esri.symbol.SimpleLineSymbol.STYLE_SOLID,
new esri.Color([255, 0, 0, 0]), 3
),
new esri.Color([0, 0, 0, 0.5])
);
DCI.modalLayer.map = map;
DCI.modalLayer.graphicslayer = new esri.layers.GraphicsLayer();
DCI.modalLayer.map.addLayer(DCI.modalLayer.graphicslayer);//将图层赋给地图 var obj = DCI.modalLayer.getRegionByNAME("普兰店市");
if (obj) {
loadModalLayer(); }
//地图范围变化事件
map.on("extent-change", function (evt) {
if (DCI.modalLayer.isModal) {
loadModalLayer();
}
});
……
……
05-11 01:00