记录使用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,记录一下使用的步骤,里面还有很多属性没有弄清楚,以后慢慢学习。官网有中国地图的使用方法,中国地图

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值