Mapael入门基础教程
官方网址:https://www.vincentbroute.fr/mapael/
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爬虫设置替代内容
- 可调整大小的地图很容易调整大小。
- 缩放缩放和平移功能(也适用于移动设备)。