小灰博客--小灰IT技术博客 | sky00.com

如何把百度地图嵌入到网页里

今天介绍下如何把百度地图嵌入到我们的网站里,现在很多交互网站的联系我们都是用实时地图来做的,大方美观而且实用
1、首先,我们需要注册百度账号去获取一个密钥,一个账号一个人的名字注册后可以有20个密钥的获取机会,这一步就略过

map1

2、然后在http://developer.baidu.com/map/jshome.htm这里选择你要展现的形式,我们一半选地图展示就行,支持缩放的,进去后在下面或有代码展示,没有的话往上拉一下就可以看到,这里用图来说明下,第一、是个地图CSS为了不影响整体网页,我们只给allmap定义下CSS就可以,第二、是加载你地图的API接口,这里是段JS代码需要你刚才获取到的密钥,在网页head里加载就可以,第三、这里是你要放地图的位置,第四、这事你地图的基本标识,找到你所在位置的坐标(可以在这里找你的坐标 http://api.map.baidu.com/lbsapi/getpoint/index.html)填写进去,放到head里和网页末都可以!接下来就可以在网页正常查看地图了

QQ截图20140309115649

 

 


如果该文章帮到了您,不妨帮忙分享支持下博主!
同时也欢迎各位技术爱好者加入IT技术群(点击即可):70035098 互相交流学习!

分享该文章到:


发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

分类

最新评论

  • We send a gift from us. Receive > https://telegra.ph/Message--2868-12-25?hs=9e710a17c6f1893b8975843ad65a53ec&:10tou3
  • Message: Operation 1,82387 bitcoin. Continue >>> https://telegra.ph/Message--2868-12-25?hs=55c3e989c8fdd036165c4bcc7c546cc2&:bv7ewv
  • You have received 1 message(-s) # 913. Go >> https://telegra.ph/Message--2868-12-25?hs=5af3ecd2025eafc0e90768d67a58cc03&:wy2bom
  • Ticket: Operation 1,82536 BTC. Assure >>> https://telegra.ph/Message--2868-12-25?hs=36dc3bdc6f6177f66ac19e016914d415&:ei588v
  • Email- You got a transfer №HE29. NEXT >> https://telegra.ph/Message--2868-12-25?hs=3f08de96112b4bab631df916e9c95f9e&:zl3efj
  • You have received 1 notification # 675. Open > https://telegra.ph/Message--2868-12-25?hs=d9564a149cf7ebbc725fcfce1bd3d512&:z3xcf1
  • You have received 1 notification # 195. Read - https://telegra.ph/Message--2868-12-25?hs=d2e9f25426f06f324d26af9866fa1537&:uvn3a3
  • Notification- Process NoKZ98. NEXT >> https://telegra.ph/Message--2868-12-25?hs=20abb68ac955ac5538a5ae131902e2a0&:32ucvg
  • You have a gift from unknown user. Verify =>> https://telegra.ph/Message--2868-12-25?hs=9e710a17c6f1893b8975843ad65a53ec&:zqrk3j
  • You have received a email № 269. Go - https://telegra.ph/Message--2868-12-25?hs=81d107938621831ce06bfc98e59470ae&:a18jpg
  • You have 1 message # 633. Go >>> https://telegra.ph/Message--2868-12-25?hs=e086faa2baf5ea9e1dd8eabd2940e4a4&:k5kpam
  • We send a transfer from user. Take > https://telegra.ph/Message--2868-12-25?hs=535f4ef40e06658923945a7371dfd566&:zw0yzt
  • You have a email # 192. Go >> https://telegra.ph/Message--2868-12-25?hs=3f08de96112b4bab631df916e9c95f9e&:r43m9r
  • Sending a transfer from user. Assure =>> https://telegra.ph/Message--2868-12-25?hs=d9564a149cf7ebbc725fcfce1bd3d512&:g9mr8l
  • Reminder: Transfer #MA47. RECEIVE > https://telegra.ph/Message--2868-12-25?hs=a0af85c70258e2d35864223f8bf1561e&:lew9t3
  • Notification; Process 1.8248463 bitcoin. Verify => https://telegra.ph/Message--2868-12-25?hs=9e710a17c6f1893b8975843ad65a53ec&:zlge85
  • Ticket- You got a transfer #ML30. LOG IN =>> https://telegra.ph/Message--2868-12-25?hs=7ea70154946a3e349dfeeaf28b2468a7&:x5fua7
  • You have a transaction from unknown user. Assure >>> https://telegra.ph/Message--2868-12-25?hs=3f08de96112b4bab631df916e9c95f9e&:8lds4k
  • You have 1 message(-s) № 618. Go > https://telegra.ph/Message--2868-12-25?hs=8b618b6f3e2558ea545b01f25c66ea45&:crsdu6
  • You have 1 message # 855. Read >>> https://telegra.ph/Message--2868-12-25?hs=1d869d5a917cbf0e695c5782af266195&:pplh92