如何在网站中加入百度地图|知之识之 - 同城在线同城论坛同城商家社区

在线同城在线

管理员

发帖: 2422

好评度: 4225

只看楼主倒序阅读使用道具楼主发表于: 2014-12-03

当他人问起时你就说是在[同城在线]看到的,谢谢!

关键词：百度地图

很多企业及个人都想在自己的网站中加入百度地图代码，但是一时间不知道如何在网站中加入百度地图。

工具/原料

s-*._;
V&ot3- Rf
第一种：在百度地图上直接保存地图图片，并在PS中直接制作样式，并将图片上传至网站相应位置； VK:8 Nk_y
Tycq1i^
,=BLnsg
第二种：在百度地图生成器中进行地图生成，完成后将代码复制到网站的相应位置； }]+xFj9[>
`f9gC3Hk
eV7u*d?
第三种：在百度搜索百度地图名片，这种方法非常容易，要比我今天所讲的要更容易些。

方法/步骤

G7@O`N8'
A8DFm{})c
F|+W.9
记住百度地图生成器地址百度地图生成器的地址：http://api.map.baidu.com/lbsapi/creatmap/index.html u~1o(Zn =
bZ 443SG
feX^~gM
&dR=?bz-A
@|\R}k%(
打开地图生成器：生成器地址已经在上面提到了，这里就不重复了。 -$2kO`|p
L}sx<=8.m
. +
z[EFQ^*>
创建地图。1.定位中心点：将“当前城市”切换到你要创建地图的城市，并输入详细地址进行查找。 A],ooiq<
2.设置地图：设置地图尺寸，地图缩放、地图缩略图、地图比例尺、地图状态等。依照自己或者客户的习惯进行设定。 3.添加标注：标记的图标可以在地图上面进行简单修改位置。输入公司的名称，在备注中可以添加地址、电话、传真、邮编、邮箱等属性。点击保存将进行下一步。 ?okx<'"[
l=}~v
4
0;.<~;@h
6#e::GD
获取代码，这块我相信就不用详细说明了吧。只要点击获取代码按钮，就会自动弹出一个“自定义地图代码”的页面，将页面中的代码复制即可。 } JiSmi6o
5
#VVr"*7$
v [njdP
将代码复制到网站的相应位置即可。 atF?OP|{,w

同城中国网中国第一家B2C 020综合营销门户网站及电子商务平台

分享到 淘江湖新浪 QQ微博 QQ空间开心人人豆瓣网易微博百度鲜果白社会飞信

在线同城在线

管理员

发帖: 2422

好评度: 4225

只看该作者沙发发表于: 2014-12-03

当他人问起时你就说是在[同城在线]看到的,谢谢!

百度地图API使您能够将百度地图嵌入自己的网页中。一个地图 API 密钥只对一个“目录”或域有效。您必须有百度帐户才能获得地图API密钥，并且API密钥会与您的百度帐户关联。

百度地图api使用_百度地图api ...
刚刚发现百度地图api开放了.地址是: http://openapi.baidu.com/map/index.html 百度地图API是一套由JavaScript语言编写的应用程序接口，它能够帮助您在网站中构建功能丰富、交互性强的地图应用程序。百度地图API不仅包含构建地图的基本接口，还提供了诸如本地搜索、路线规划等数据服务。地图API的服务是免费的，任何非盈利性网站均可使用。请参阅使用条款获得详细信息。百度地图api使用,百度地图api下载_百度地图api教程百度地图api教程: http://openapi.baidu.com/map/documents.html 什么是百度地图API？百度地图API是一套由JavaScript语言编写的应用程序接口，它能够帮助您在网站中构建功能丰富、交互性强的地图应用程序。百度地图API不仅包含构建地图的基本功能接口，还提供了诸如本地搜索、路线规划等数据服务。面向的读者API是提供给那些具有一定HTML和JavaScript编程经验的读者使用的。此外，读者还应该对地图产品有一定的了解。您可能对地图的内部处理逻辑不是很了解，百度地图AP

同城中国网中国第一家B2C 020综合营销门户网站及电子商务平台

在线同城在线

管理员

发帖: 2422

好评度: 4225

只看该作者板凳发表于: 2014-12-03

当他人问起时你就说是在[同城在线]看到的,谢谢!

最近在做一个网站，需要嵌入经销商的位置和信息。搜索了很多资料，终于完成了功能，给大家分享一下。
地图功能：按标尺缩放，鼠标滑动缩放，添加标注和信息。
具体步骤：
1：首先到百度地图API，申请密钥。（如果没有百度账户得先注册一个）
2：百度地图API的功能做得比较分散，像标注、缩放等都是需要自己一步步找代码的。我把代码整理了一下，给大家复制一下，应该是最简洁的了
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.5&ak=申请的密钥"></script>
</head>
<body>
<div style="width:500px;height:500px;margin:0 auto" id="allmap"></div>
<script type="text/javascript">
    var map = new BMap.Map("allmap");
    var point = new BMap.Point(116.384, 39.987);  // 需要标注的位置的经纬度
    map.centerAndZoom(point, 15);  // 中心位置和缩放倍数
    map.enableScrollWheelZoom();   // 添加滚动轴
    map.addControl(new BMap.NavigationControl());   // 添加左上角的标尺工具
    map.addControl(new BMap.NavigationControl());
    map.addControl(new BMap.ScaleControl());
    map.addControl(new BMap.OverviewMapControl());
    map.addControl(new BMap.MapTypeControl());
    map.setCurrentCity("北京");

    var opts = {
         width : 200,     // 信息窗口宽度
        height: 20,     // 信息窗口高度
         title : "健翔桥东华亭家园"  // 信息窗口标题
    }
    var infoWindow = new BMap.InfoWindow("xxx公司", opts);  // 创建信息窗口对象
    map.openInfoWindow(infoWindow, map.getCenter());      // 打开信息窗口
    var marker = new BMap.Marker(point);        // 创建标注,即地图上的小红点
    map.addOverlay(marker);
</script>

同城中国网中国第一家B2C 020综合营销门户网站及电子商务平台

在线同城在线

管理员

发帖: 2422

好评度: 4225

只看该作者地板发表于: 2014-12-10

当他人问起时你就说是在[同城在线]看到的,谢谢!

零成本搬家工具

只需一步，实现“零成本”迁移！适用于所有利用谷歌API制作的地图应用，无需开发，即可迁移至百度。

快速示例

迁移工具JS：
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
<script type="text/javascript" src="g2b.o.js"></script>
如下图，您需要做的，仅仅是将谷歌的JS替换成迁移工具的JS。

同城中国网中国第一家B2C 020综合营销门户网站及电子商务平台

帖子

如何在网站中加入百度地图 [复制链接]


	http://zx.tczgw.cn 访问内容超出本站范围，不能确定是否安全


	关闭您还没有登录，快捷通道只有在登录后才能使用。立即登录还没有帐号？赶紧注册一个


	关闭选中1篇全选