Bootstrap

基于百度地图API实现的地图形式天气预报【一】

引言

       前几天在博客园上看到有人写了篇关于百度地图API的使用介绍,因为先前也了解过google地图API,但当时也只是感兴趣的了解下,况且当时使用API还要申请key获得使用权限(现在不需要了),并未实际动手实践一下。今天看到这篇文章之后,去百度地图API官网看了下,介绍挺详细的,况且还有很多详细示例,顿时吸引住了我这刚入门web开发的小菜鸟,况且API使用也不要去申请key,有了动手实际运用的想法,经过这两天的捣腾算是完成了这个地图形式的天气预报,当然还存在一些小问题待解决,先在此做个小结。

一、设计思路

      利用百度地图API建立一张地图,展现中国全貌的地图,在利用地图API提供的本地搜索功能,根据提供的城市名称搜索所处位置并在地图上进行标记,再在各城市标记点上设计弹出窗口来显示天气信息。天气信息的获取则是通过php脚本直接对百度的各城市天气搜索页面进行天气信息的抓取。最终效果图

 

 

二、编写地图显示页面

  首先当然要编写最基础的代码,引入百度地图API和设计好页面样式,百度地图API官网上有开发的最简单示例百度地图的“Hello, World”

我对地图显示页面也是进行很简单设计就是一个标题和一个地图显示区块。

;