Mapael入门基础教程_基于raphael.js用于显示动态矢量地图的jQuery插件

Mapael入门基础教程

官方网址:https://www.vincentbroute.fr/mapael/

Mapael入门基础教程_基于raphael.js用于显示动态矢量地图的jQuery插件

GitHub:https://github.com/neveldo/jQuery-Mapael

简介描述:基于raphael.js用于显示动态矢量地图的jQuery插件

jQuery Mapael是一个基于raphael.js的jQuery插件,允许您显示动态矢量地图。

例如,使用Mapael,您可以显示具有可点击国家/地区的世界地图。您还可以通过设置一些参数来构建简单的dataviz,以便根据地图的每个区域的值自动设置颜色并显示相关的图例。此外,您可以根据经度和经度在地图上绘制圆形,正方形或图像。还有更多选项,请阅读文档以获得mapael能力的完整概述。

Mapael支持所有现代浏览器和Internet Explorer 9+。对于旧版本的IE,您可以将jQuery 1.11.x和Raphael.js 2.1.2作为依赖项加载,大多数jQuery Mapael功能应该可以正常工作。

主要特点

  • 基于jQuery和raphael.js。并可选择基于jQuery鼠标滚轮进行缩放鼠标滚轮功能。
  • 互动。在地图元素上设置href,工具提示,添加事件等等。
  • 可绘制的城市城市可以在地图上绘制圆圈,正方形,图像或SVG路径的纬度和经度
  • 区域和绘图点着色与图例。Mapael自动为每个区域设置颜色和大小等属性,并在地图上显示绘制的点,并生成交互式图例以构建漂亮的数据视图
  • 城市之间的联系。您可以在地图的城市之间绘制链接。
  • 轻松添加新地图。根据SVG路径构建自己的地图
  • SEO友好。可以为非JS用户和Web爬虫设置替代内容
  • 可调整大小的地图很容易调整大小。
  • 缩放缩放和平移功能(也适用于移动设备)。

海计划公众号
(0)
上一篇 2020/03/10 11:22
下一篇 2020/03/10 11:22

您可能感兴趣的内容