ArcGIS API For Javascript ：如何在地图上做出点位脉冲闪烁的效果

最新推荐文章于 2024-10-30 18:24:25 发布

weixin_30341735

最新推荐文章于 2024-10-30 18:24:25 发布

阅读量1.4k

点赞数

文章标签： javascript 前端 ViewUI

原文链接：http://www.cnblogs.com/dawud/p/10366648.html

版权

本文介绍了如何使用ArcGIS JS API创建点位脉冲闪烁的动态效果，通过修改SimpleMarkerSymbol的前端渲染，利用CSS动画控制点的半径变化，结合jQuery实现动效，并探讨了避免地图缩放时符号重绘问题的解决方案。

摘要由CSDN通过智能技术生成

日常地图表达中我们通常使用的地图符号多是静态地图符号，时间久了会造成视觉审美疲劳，也没有现代感。

在这种背景下，对现有地图符号进行简单处理，即可得到色彩鲜艳，对比度强烈，活灵活现的地图表达形式。

灵感

观察 ArcGIS JS API 带来的原生符号 SimpleMarkerSymbol 在前端对符号进行渲染的结果，简化后的代码如下：

<g id="graphicsLayer1_layer" data-geometry-type="point" style="display: block;">
    <circle fill="rgb(70, 230, 255)" 
    fill-opacity="0.8" 
    stroke="none" stroke-opacity="0" 
    stroke-width="1" 
    stroke-linecap="butt" 
    stroke-linejoin="miter" 
    stroke-miterlimit="4" 
    cx="653" 
    cy="519" 
    r="6" 
    transform="matrix(1.00000000,0.00000000,0.00000000,1.00000000,0.00000000,0.00000000)" 
    fill-rule