我们将如下数据
![地图报表数据源 地图报表数据源](http://user-assets.sxlcdn.com/images/89284/Fp6cEarrEJ0_JWqU1ZnRtjIBj3Ay.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/quality/90!/format/png)
制作成web自定义地图,以下效果
![百度地图数据可视化 百度地图数据可视化](http://user-assets.sxlcdn.com/images/89284/FtcB51L6_uWq8kR97lbkaAxbNMNM.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/quality/90!/format/png)
/ 01 /
准备数据
新建数据表,选择EXCEL
![WEB报表-准备数据源 WEB报表-准备数据源](http://user-assets.sxlcdn.com/images/89284/FngbmylPbbESp3VAEUIhvleMRKSy.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/quality/90!/format/png)
(注意大小写)
![远程获取EXCEL数据 远程获取EXCEL数据](http://user-assets.sxlcdn.com/images/89284/FqLBTeRyxPzvetBostcuzMvRIlPZ.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/quality/90!/format/png)
新建“经纬度”字段,选择成[维度]
![broken image](http://user-assets.sxlcdn.com/images/89284/FopyNs3TUaCmdz_-xRFGJUKAoW7-.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/quality/90!/format/png)
配置表达式,将地址改为经纬度数据
![broken image](http://user-assets.sxlcdn.com/images/89284/FjV89vzZkta-YMa_PBFdkUCeWn1m.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/quality/90!/format/png)
经纬度坐标:开启
![broken image](http://user-assets.sxlcdn.com/images/89284/Ft87h8HmzNGYnubPDUsutvCBk7FG.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/quality/90!/format/png)
保存后,预览数据,已将地址解析为经纬度坐标
![broken image](http://user-assets.sxlcdn.com/images/89284/FmlAqmB_R_eOROb2OpPJ8xOE2sea.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/quality/90!/format/png)
/ 02 /
设计报表
新建报表,起个报表名称
![broken image](http://user-assets.sxlcdn.com/images/89284/FiW3HHqMOMegX2qiX2AGZsxcHPBb.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/quality/90!/format/png)
绑定我们刚选择的数据表
![broken image](http://user-assets.sxlcdn.com/images/89284/FhHU4qCVRmiheWEyZfbd5FDdn6p1.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/quality/90!/format/png)
选择百度地图组件
![broken image](http://user-assets.sxlcdn.com/images/89284/FtbgtlCLEVN7vZ1NihIbE287GdA8.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/quality/90!/format/png)
数据:经纬度、快递公司、地址、电话号码维度
![broken image](http://user-assets.sxlcdn.com/images/89284/FlYLhXcE9bHXLSWK9bQ_aMvxzyX6.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/quality/90!/format/png)
报表附件,上传5大物流公司Logo图片
![broken image](http://user-assets.sxlcdn.com/images/89284/Fh9IYm_Izs0MLpWxe81KTnjvtgvB.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/format/png)
![broken image](http://user-assets.sxlcdn.com/images/89284/Foh3MB9B5GTSVHwSVFm-aQG9RfXH.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/format/png)
地图:配置地图可选项
![broken image](http://user-assets.sxlcdn.com/images/89284/FkvsvzBwSs__g_5O6_low8ISb_pR.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/quality/90!/format/png)
提示窗口:配置要显示的内容
![broken image](http://user-assets.sxlcdn.com/images/89284/FrW5psa1s1l9BqjA9ScnGy33npHz.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/quality/90!/format/png)
保存,公开分享
![broken image](http://user-assets.sxlcdn.com/images/89284/Fi6fJjl-C2AunxoJKUclqvIXxjql.png?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/quality/90!/format/png)
公开分享,手机微信扫一扫,PC可以直接打开链接:
![broken image](http://user-assets.sxlcdn.com/images/89284/FnUceBxUqSEeYb0ykPOotOfkhfid.jpg?imageMogr2/strip/auto-orient/thumbnail/1200x9000>/quality/90!/interlace/1/format/jpeg)
/ 03 /
扩展说明
以上Logo可以按维度换成
1、竞品分布位置图;
2、计划开店、装修中、已开业状态;
3、公司位置与员工家庭位置图等。
按度量例如
1、当销售额>=目标 显示为红旗,
2、当销售额<目标 显示为绿旗,
点红旗显示门店信息,再点门店弹出窗口查看更详细门店经营情况等