WordPress使用百度地图API数据的2种方法

我们在写博文时,可能需要配合地图来详细描述一件事情或一个地方。最简单的方法是在百度/谷歌地图上找到目标位置,然后截图,放在博文中。然而,如果我们能够将百度/谷歌地图API数据直接引用到博文中,动态呈现给阅读者,这不仅让博文更加生动有趣,也提高了与阅读者的互动性。我还是开门见山,下面讲讲如何在wordpess网站中引用百度地图API数据。

首先,我们看下最终效果,如下图所示:

 

 

方法一:插件 Custom Baidu Maps

下载插件

1.通过WordPress后台直接搜索、安装、激活
2.在Wordpress官网下载插件压缩包,上传至/wp-content/plugins解压

新建页面

添加代码:[bmap width="500" height="400" lat="39.900" lng="116.403" zoom="12"]

各参数含义:
width:     希望地图在页面上显示的宽度(单位:像素)
height:   希望地图在页面上显示的高度(单位:像素)
lat:          地图中心的纬度
lng:         地图中心的经度
zoom:     地图放大等级(等级范围:1-19 ),数值越大越精确

最后将该页面保存,预览效果。

举例

这一功能,我们最常见到的可能就各大招聘网站上通过地图post公司的具体地理位置至,方便求职者。我们就拿百度总部来说吧,首先我们该怎么定位呢?这个可以借助百度地图的“拾取坐标系统”来实现。
访问: http://api.map.baidu.com/lbsapi/getpoint/index.html
在输入框中输入具体的地址:百度大厦
确定坐标,鼠标单机,右上角获取坐标点,复制。

修改对应参数:[bmap width="500" height="400" lat="39.900" lng="116.403" zoom="12"]

 

方法二:使用百度的“地图快速生成器”

访问网址

http://api.map.baidu.com/lbsapi/creatmap/index.html

设置相关参数

1.定位中心点
2.设置地图
3.添加标注

获取代码

1.点击“获取代码”
2.点击“复制代码”
3.在wordpress中新建页面或在网站空间中新建一个html空白文档,将代码复制到进去。

 

更多资料,可访问:http://developer.baidu.com/map

时间: 2024-08-02 14:34:10

WordPress使用百度地图API数据的2种方法的相关文章

Android中使用百度地图API:ItemizedOverlay

Overlay简介 Overlay通常被译为"图层"或"覆盖物".那么对于地图而言,什么称之为覆盖物?"所 有叠加或覆盖到地图之上的内容,都被称之为地图覆盖物,如标注.矢量图形元素(包括:折线和多边形和圆) .定位图标等.覆盖物拥有自己的地理坐标,当您拖动或缩放地图时,它们会相应的移动." 为了让大家 能够对Overlay有更进一步的认识,我们再通过下面的图形来直观的认识它. 图中标记的那些红色的图标 A,B,...,J正是Overlay的其中一

【百度地图API】批量地址解析与批量反地址解析(带商圈数据)

原文:[百度地图API]批量地址解析与批量反地址解析(带商圈数据) 摘要:因为地址解析的webserives方式还没有开通,所以先用JS版本的地址解析接口来批量获取地址解析数据吧,同时还能得到商圈的数据呀~~ ---------------------------------------------------------------------------------------------------------------------------------- API和SDK都可以不展示地

【百度地图API】如何利用自己的数据制作社交地图?只显示可视区域内的标注

原文:[百度地图API]如何利用自己的数据制作社交地图?只显示可视区域内的标注 摘要:如果你自己的数据已经超过1万个,如何进行合理的显示?除了聚合marker外,还有一个办法.那就是,只显示可视区域内的标注. -------------------------------------------------------------------------------------------------------------- 成品图:     工具描述: 移动地图时(或改变地图级别时),只显示

【百度地图API】建立全国银行位置查询系统(四)——如何利用百度地图的数据生成自己的标注

原文:[百度地图API]建立全国银行位置查询系统(四)--如何利用百度地图的数据生成自己的标注 摘要: 上一章留个悬念,"如果自己没有地理坐标的数据库,应该怎样制作银行的分布地图呢?" 答案就是,利用百度地图上的数据. ---------------------------------------------------------------------------------------------- 我们不用花大把时间写代码去跑数据,只需要利用百度地图API提供的免费接口,就可以

【百度地图API】交你如何用百度地图搜索自己的数据!不需数据库!

原文:[百度地图API]交你如何用百度地图搜索自己的数据!不需数据库! 摘要: 我有一定的房产数据,还有银行数据.我想在百度地图上标注出来,并且能搜索到我这些数据. 可是百度的数据库上并没有我的数据.我应该怎么办呢? ------------------------------------------------------------------------------------------ 一.无需数据库,如何建立自己的地理信息表. 如果让初学者去建立数据库,那么意味着大家还要学习数据库,

大神们!!百度地图api中标签信息的抓取啊。前js后C#。

问题描述 大神们!!百度地图api中标签信息的抓取啊.前js后C#. 是这样的,一个地图api的调用,我需要获取到百度地图api上的搜索出来的信息,可是获取不到啊啊啊... 解决方案 js版的百度地图还是其他版本的? js版本的,C#是运行于服务器端的,无法直接获取客户端的数据.js搜索后你自己即那个解码后的信息用ajax回发到服务器进行获取

Android中使用百度地图API:公交换乘方案搜索

这是我写的第3篇介绍调用百度地图API搜索服务的文章,所以对搜索前要做的其它工作不再介绍,再加上 代码中的注释也对相关的操作.方法做了尽可能详细的说明,所以直接看示例吧. 1)布局文件 res/layout/main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/andro

Android中使用百度地图API:城市POI搜索-获取所有结果

本文主要讲解如何通过百度地图API搜索得到一个城市里的所有POI.这里有必要对"所有"这个词进行强 调一下,以便引起重视,之所以这样说,是因为在搜索POI时,默认仅返回一页的搜索结果10条,那么如何才 能得到所有的搜索结果呢?其实baidu map api是提供了相关的方法,但我发现有相当多的网友都在问这个问 题,所以有必要讲解演示一下. 先讲一下什么称之为"城市POI搜索"?它与我们在上一篇文章([011] 百 度地图API之POI搜索-发现你身边的兴趣点,如超市

C# Web百度地图api定位问题

问题描述 C# Web百度地图api定位问题 5C 在VS2010中开发web,现在已经能成功调用百度地图api显示在网页上,我现在想做读取数据库的经纬度信息,然后定位在地图上(PS:会读数据库,只是不知道怎么把)经度10640.194657,前三位是度,后面都是分:纬度2625.669082,前两位是度,后面都是分. 解决方案 百度地图API的定位问题利用百度地图API实现WEB定位 解决方案二: 前台取数据,然后addmarker