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

本文介绍了如何利用百度地图API建立一个显示中国全境地图并标注城市天气的程序。通过JavaScript的XMLHttpRequest对象获取PHP脚本抓取的天气信息,并在地图上用标记显示。
摘要由CSDN通过智能技术生成

引言

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

一、设计思路

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

 

 

二、编写地图显示页面

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

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

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值