使用地点云实现企业官网中的门店地图

对于企业站,一般会有的展示很多门店位置,如果简单使用文字表述,难免不直接,那么使用地图云的方式,能更加直观的展示地理位置信息。
使用地点云实现企业官网中的门店地图_第1张图片

1.到官网注册账号

使用地点云实现企业官网中的门店地图_第2张图片可点击地点云进行详细了解
使用地点云实现企业官网中的门店地图_第3张图片

2.创建数据表

使用地点云实现企业官网中的门店地图_第4张图片

3.写入地理信息

我们可以在管理后台逐条添加地理位置信息
使用地点云实现企业官网中的门店地图_第5张图片使用地点云实现企业官网中的门店地图_第6张图片

4.写入地理信息(API)

当然对于门店的数据,复杂的业务下,可能需要自己的管理后台管理数据,那么就要使用api查询和写入数据

4.1创建key
使用地点云实现企业官网中的门店地图_第7张图片4.2授权key
使用地点云实现企业官网中的门店地图_第8张图片4.3选择权限
使用地点云实现企业官网中的门店地图_第9张图片4.4使用接口
使用地点云实现企业官网中的门店地图_第10张图片

5.网页展示

经过数据的添加,管理后台手动添加,以及api调用添加,下一步就是展示数据了

点击生成地图,选择使用的key,生成对应的地图。
使用地点云实现企业官网中的门店地图_第11张图片最后我们得到的是一个地址,https://t.map.qq.com/xxxxxxx,只要将它嵌套到网页中即可。

总结

1.创建应用
2.创建key
3.导入数据
4.生成地址

你可能感兴趣的:(前端html5)