Note12:百度地图显示数据库中数据

对于数据可视化方面总算是有点小进度了,自己做的这个小任务跨度还算挺大的,涉及到数据库连接,前端页面,百度地图API的调用,还有一些后台的框架,反正学的挺多,等把整个任务全部完成后再把自己学的东西按块分一下,写一下自己的学习历程,总的来说,学到的东西挺多。

先看一下要实现的功能吧:


Note12:百度地图显示数据库中数据_第1张图片

先上代码:

【百度地图初级调用】

首先是json数据格式的站点坐标数据在地图上的显示:

Note12:百度地图显示数据库中数据_第2张图片
代码接下面
Note12:百度地图显示数据库中数据_第3张图片

代码其实挺简单的,因为自己对于百度地图API不熟悉,对前端的js、html等都不熟悉,所以花了很长时间才看懂,其实也是自己静下心来慢慢看玩html、js还有百度地图的方法才成功显示。

所以总结心得,做一件事情不管多么简单,一定要静下心来去做,不要急于求成,有时候把工具先搞懂再去做,会事半功倍,道理都懂,希望下次自己不要再心急,脚踏实地一些。

【注意事项】


Note12:百度地图显示数据库中数据_第4张图片
infowindows方法

这里string类型,因为自己之前没有看懂api所以没注意,这个坑浪费了自己很多时间。所以看api一定要看清传入的数据类型

这里的data我是导入了data.js数据:


Note12:百度地图显示数据库中数据_第5张图片
src="data.js"

后面再上怎么从数据库中提取这些数据写成json格式,高级代码。

你可能感兴趣的:(Note12:百度地图显示数据库中数据)