记录使用Highmaps创建世界地图

1.首先访问https://img.hcharts.cn/mapdata/

网页里有很多地图实例，选择需要的地图，打开其中的者JS文件，并复制其内容，在本地保存成js格式，我这里保存成了map.js

2.打开对应的在线实例

用上一步保存的map.js替换下方红框中引用的js文件，并把实例中的js和css保存到本地，引用到地图所在的html/jsp文件中。

3.引入jQuery和highmaps

此处jQuery已经在本地下载好了，highmaps引用的是在线的，也可以去官网下载

!-- 导入jquery -->
<script src="js/jquery-3.2.1.min.js"></script>
<script src="https://code.highcharts.com.cn/highmaps/highmaps.js"></script>

4.此时运行就可以显示出地图了，不过此时地图的数据都是随机数。

效果如下

第一次使用highmaps，记录一下使用的步骤，里面还有很多属性没有弄清楚，以后慢慢学习。官网有中国地图的使用方法，中国地图