arcgis html图像标记,图片标记
使用的模块:PictureMarkerSymbol
官方示例:https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-PictureMarkerSymbol.html#properties-summary
![](https://box.kancloud.cn/a5557383652a01b831c1d51b2eb11888_415x265.jpg)
~~~
// 随机生成坐标
function generateRandomCoord(type) {
switch(type) {
case 'w': // 世界
return [Math.random()*180-Math.random()*180, Math.random()*90-Math.random()*90];
break;
case 's': // 特定范围
return [103+Math.random()*(108-103), 22+Math.random()*(25-22)];
default: // 中国
return [74+Math.random()*(135-74), 1+Math.random()*(53-1)];
break;
}
}
require([
'esri/Map',
'esri/views/MapView',
'esri/Graphic',
'esri/layers/GraphicsLayer',
'esri/symbols/PictureMarkerSymbol',
'dojo/domReady!'
], function(Map, MapView, Graphic, GraphicsLayer, PictureMarkerSymbol) {
var map = new Map({
basemap: 'streets' // dark-gray
});
var mapView = new MapView({
map: map,
container: 'js_map',
center: [102.9331224074, 25.1049040686],
zoom: 3,
// rotation: -127.7
});
// graphicLayer
var graphicLayer = new GraphicsLayer();
map.layers.add(graphicLayer);
// 点
var pointGraphicArr = [],
pointGraphic,
coord;
for(var i=0; i<30; i++) {
coord = generateRandomCoord();
pointGraphic = new Graphic({
geometry: {
type: "point",
longitude: coord[0],
latitude: coord[1]
},
symbol: {
type: "picture-marker",
url: 'https://developers.arcgis.com/favicon.ico',
angle: Math.round(Math.random()*360),
width: '24px',
height: '24px'
}
});
pointGraphicArr.push(pointGraphic);
}
graphicLayer.addMany(pointGraphicArr);
});
~~~
arcgis html图像标记,图片标记相关推荐
- 通过opencv标记图片以及写入Excel小方法
通过opencv标记图片以及写入Excel小方法 通过opencv根据坐标绘制图片框,然后保存图片 将结果读入并且写入Excel中进行保存 Python strip() 方法用于移除字符串头尾指定的字 ...
- HTML基本知识点——图片标记
图片 l Web上支持的图片格式 GIF(图形交换格式):GIF格式文件最多只能保存256种颜色,该格式支持透明色,支持动画效果. JPEG(联合图像专家组):该格式不支持透明色和动画,颜色可达16 ...
- 图片HTML标记是,HTML网页图片标记
插入图片标记 今天看到的丰富多彩的网页,都是因为有了图像的作用.想一想过去,网络中全部都是纯文本的网页,非常枯燥,就知道图像在网页设计中的重要性了.在html页面中可以插入图像,网页常用的图像格式有J ...
- 前端实现图片标记符号化以及标注
需求: 对点要素采用图片标记符号化,同时基于某个字段进行标注,最终达到图示的标注效果. 代码: <html><head><meta charset="utf-8 ...
- Web前端技术开发学习笔记(HTML标记语言篇)——第6章 图片标记
第6章 图片标记 6.1 网页常见图片格式 6.2 插入图片 6.2.1 设置图片大小 6.2.2 设置图片文本 6.2.3 设置图片与周围对象的间距 6.2.4设置图片的对齐方式 6.2.5设置图片 ...
- 前端:HTML/02/排版标记,块元素,行内元素,html字符实体,列表标记,图片标记
html排版标记 <p></p> :表示一个段落 常用属性:align :水平对齐方式,取值:left(左),center(居中),right(右) 换行标记<br> ...
- 用matlab给图片标记区域,MATLAB二值图像连通区域标记(两步法)
posted on2012-12-06 16:24Dsp Tian 两步法中第二步是比较麻烦的,其中用到了不相交集合的一些理论,尤其是不相交集合森林,这里的find_set函数就是参考<算法导论 ...
- 2021-03-03——html中的图片标记
html中的图片标记 img--图片标记 常见的属性 src属性--设置图片路径 绝对路径--从操作系统的指定盘中的目录开始查找图片的路径. 缺点:1.如果图片保存目录太深,图片的操作路径就会很长. ...
- jvectormap的自定义地图和区域上色、图片标记
jvectormap的自定义地图和区域上色.图片标记 因为网上例子太少,上手实属不易,所以在这里跟大家分享一下我的使用! (第一次写,因为粘贴代码卡死几次,重写了几次,心累 ╥﹏╥-) 这里就简单的介 ...
最新文章
- CTF---Web入门第十三题 拐弯抹角
- [maven][spring boot] mvn -f 指定pom文件
- 【HDU - 2066】:一个人的旅行(Dijkstra算法)
- 安装kloxo。需要注意的事项
- cv2 imread函数 python_opencv-python库基础操作(一)
- Win10 WSL编译Android开启ccache(提高编译速度)
- SylixOS freescale powerpc p4080 pci msi 中断驱动
- 汇编语言aaa指令解析,aas指令解析
- python处理grd格式文件_Surfer的grd文件格式说明
- 华南师范大学计算机学院教务,促进教考协调,创新教育形式,服务人才培养 ——计算机学院2016-2017(1)学期期末考试工作纪实...
- 一文带你深入理解【Java基础】· 枚举类
- Greenplum Python专用库gppylib学习——base.py
- 详解如何使用ArcGIS计算水库库容量
- Android Socket IQ聊天软件 之 聊天气泡编码步骤讲解
- 与声网面对面!声网Agora开发者吐槽大会招募中
- ActiveX 控件
- 电子台账:定义产品的行业代码和产品代码
- RabbitMQ消息队列讲解(涵盖生产者消费者以及Springboot整合)
- 正态分布是离散分布还是连续分布_高中就开始学的正态分布,原来如此重要
- Android 保存图片到SQLite,读出SQLite中的图片