arcgis js graphic 添加图片
时间: 2023-11-26 21:04:15 浏览: 87
07 ArcGIS JS API 4.14实现地图加载图片
在ArcGIS JS API中,可以使用`PictureMarkerSymbol`将图片添加到地图上。
以下是一个示例代码,将一个名为“pin.png”的图片作为标记添加到地图上:
```javascript
require([
"esri/Map",
"esri/views/MapView",
"esri/Graphic",
"esri/symbols/PictureMarkerSymbol"
], function(Map, MapView, Graphic, PictureMarkerSymbol) {
var map = new Map({
basemap: "streets"
});
var view = new MapView({
container: "viewDiv",
map: map,
center: [-118.2437, 34.0522],
zoom: 12
});
// 创建一个PictureMarkerSymbol对象并指定图片路径
var symbol = new PictureMarkerSymbol({
url: "path/to/pin.png",
width: "24px",
height: "24px"
});
// 创建一个Graphic对象并添加图标
var graphic = new Graphic({
geometry: {
type: "point",
longitude: -118.2437,
latitude: 34.0522
},
symbol: symbol
});
// 将Graphic对象添加到地图中
view.graphics.add(graphic);
});
```
在此示例中,我们首先创建了一个`PictureMarkerSymbol`对象来指定要使用的图标。然后,我们创建了一个`Graphic`对象,指定了图标的位置和使用的符号。最后,我们将`Graphic`对象添加到地图的`graphics`图层中。
阅读全文