arcgisjs 设置 graphicsLayer某一个信息弹窗显示出来,不通过点击实现
时间: 2024-05-02 11:18:01 浏览: 21
可以通过调用 `map.infoWindow.setContent()` 和 `map.infoWindow.show()` 方法来实现在加载页面时自动显示指定图形的信息弹窗。具体步骤如下:
1. 获取 graphicsLayer 中的指定图形对象。
```javascript
var graphic = graphicsLayer.graphics[0]; // 假设要显示第一个图形的信息弹窗
```
2. 设置弹窗内容。
```javascript
var content = "这里是弹窗的内容"; // 可以使用 HTML 标记语言来设置内容
map.infoWindow.setContent(content);
```
3. 显示弹窗。
```javascript
map.infoWindow.show(graphic.geometry); // 将弹窗显示在指定图形的位置
```
完整代码示例:
```javascript
require([
"esri/Map",
"esri/views/MapView",
"esri/layers/GraphicsLayer",
"esri/Graphic"
], function(Map, MapView, GraphicsLayer, Graphic) {
var map = new Map({
basemap: "streets-navigation-vector"
});
var view = new MapView({
container: "viewDiv",
map: map,
center: [-118.805, 34.027],
zoom: 13
});
var graphicsLayer = new GraphicsLayer();
map.add(graphicsLayer);
var point = {
type: "point",
longitude: -118.805,
latitude: 34.027
};
var markerSymbol = {
type: "simple-marker",
color: [226, 119, 40],
outline: {
color: [255, 255, 255],
width: 2
}
};
var pointGraphic = new Graphic({
geometry: point,
symbol: markerSymbol
});
graphicsLayer.add(pointGraphic);
var content = "<b>这里是弹窗的内容</b>";
map.infoWindow.setContent(content);
map.infoWindow.show(pointGraphic.geometry);
});
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![MOV](https://img-home.csdnimg.cn/images/20210720083646.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)