< !
文档类型
超文本标记语言
>
<
超文本标记语言
朗
＝
“en”
>
<
头
>
脚本
>
<
脚本
>
需要
([
// require加载模块
“esri /地图”
，
“esri /视图/ MapView”
，
“esri / widget / BasemapToggle”
，
“esri /层/ OGCFeatureLayer”
，
“esri /图形”
，
“esri /层/ GraphicsLayer”
，
“esri几何/点”
，
]，
函数
（
地图
，
MapView
，
BasemapToggle
，
OGCFeatureLayer
，
图形
，
GraphicsLayer
，
点
) {
var
地图
＝
新
地图
({
基础图:
“topo-vector”
}）;
var
视图
＝
新
MapView
({
容器:
“viewDiv”
，
地图:
地图
，
中心:
(- - - - - -
68.80500
，
47.02700
]，
//经度，纬度
缩放:
7
}）;
//加载站点信息:
var
站
= [];
＄
．
ajax
({
// TODO:修复CORS错误-以及Access-Control-Allow-Origin报头
类型:
“获得”
，
异步:
假
，
contentType:
application / json的;charset = utf - 8 '
，
成功
：
函数
（
json
) {
站
＝
json
；
}
}）;
/ /加载区域
var
layer_regions
＝
新
OGCFeatureLayer
({
url:
“http://localhost: 32768 / geoserver / OGSL /[/功能/”
，
collectionId:
“OGSL: test_create_shp_exposed”
，
legendEnabled:
真正的
，
popupEnabled:
真正的
，
名称:
“layer_regions”
，
可见:
真正的
，
标题:
“区域”
，
渲染器:
{
类型:
“简单”
，
符号:
{
类型:
“simple-fill”
，
}，
}
}）;
地图
．
添加
（
layer_regions
)；
视图
．
在
（
“点击”
，
函数
（
事件
) {
/ / console.log(事件)
视图
．
hitTest
（
事件
）.
然后
（
getGraphics
）.
然后
（
buildLayer
)；
}）;
函数
getGraphics
（
响应
) {
//在vacrify上，我们将使用dacrify和dacrify
var
foundLayers
＝
地图
．
allLayers
．
找到
（
函数
（
层
) {
返回
层
．
名字
＝＝＝
“stationsLayerTrue”
；
}）;
控制台
．
日志
（
“foundlayers”
，
foundLayers
）
//Si on clique sur un couche de type polygone
如果
（
响应
．
结果
［
0
］．
图形
．
几何
) {
如果
（
响应
．
结果
［
0
］．
图形
．
几何
．
类型
＝＝＝
“多边形”
) {
var
几何
＝
响应
．
结果
［
0
］．
图形
．
几何
//我把所有的工作都做了，然后把所有的工作都做了
如果
（
foundLayers
) {
地图
．
删除
（
foundLayers
）
}
//在变焦后，我看到了聚乙二醇
视图
．
转到
（
响应
．
结果
［
0
］．
图形
．
几何
)；
var
popupActive
＝
假
返回
几何
；
}
}
其他的
{
var
foundLayers
＝
地图
．
allLayers
．
找到
（
函数
（
层
) {
返回
层
．
名字
＝＝＝
“stationsLayerTrue”
；
}）;
如果
（
foundLayers
) {
地图
．
删除
（
foundLayers
）
}
返回
零
}
}
函数
buildLayer
（
polygoneClique
) {
/ / console.log(“保利”,polygoneClique)
如果
（
polygoneClique
) {
//在crassei上，一个沙发可以容纳几个站
var
stationsLayerTrue
＝
新
GraphicsLayer
({
可见:
真正的
，
标题:
“stationsLayerTrue”
，
名称:
“stationsLayerTrue”
}）;
地图
．
添加
（
stationsLayerTrue
)；
为
（
我
＝
0
；
我
<
站
．
长度
；
我
+ +) {
var
点
＝
新
点
({
经度:
站
［
我
] [
“经”
]，
纬度:
站
［
我
] [
“人肉搜索”
]，
spatialReference:
{
wkid:
3857
}
})
var
相交
＝
polygoneClique
．
包含
（
点
）
如果
（
相交
) {
var
pointGraphicTrue
＝
新
图形
({
几何:
点
，
符号:
{
类型:
“简单”
，
颜色:
“# d7191c”
/ /红色
}，
popupTemplate:
{
标题:
“{officialName}”
}，
属性:
{
id:
站
［
我
] [
“id”
]，
officialName:
站
［
我
] [
“officialName”
]，
}
}）;
stationsLayerTrue
．
添加
（
pointGraphicTrue
)；
}
}
}
}
}）;
脚本
>
<
风格
>
超文本标记语言
，
身体
，
# viewDiv
{
位置
：
绝对
；
左
：
0
；
正确的
：
0 px
；
前
：
0
；
底
：
0
；
高度
：
100%
；
}
.esri-legend__layer-caption
{
显示
：
没有一个
；
}
风格
>
头
>
<
身体
>
<
div
id
＝
“viewDiv”
>
div
>
身体
>
超文本标记语言
>
如你所见，如果你点击一个区域，然后点击另一个点，高亮效果很好。但如果你点击另一个区域，再点击一个点，错误就出现了。
知道为什么会这样吗?
谢谢你！
朱利安
