&[]&[]&[]&[] []
您现在的位置：&>&&>&&>&&>&供应百度地图如何标注宾馆位置？
供应百度地图如何标注宾馆位置？
点击图片放大预览
北京易路通科技有限公司
联系人：刘经理&(先生)
电话：86-400-9961232(联系时说明在环球贸易网看到)
手机：(联系时说明在环球贸易网看到)
商家类型：供应商
主营产品：百度地图标注,高德地图标注,手机地图标注,地图标注
公司地址：中国北京北京市北京市北京市朝阳区建外大街39号
公司网址：网址暂无
本公司最新供应
本公司与&GPS定位导航&相关的信息
本公司的其他产品
免责声明：以上所展示的信息由企业自行提供，内容的真实性、准确性和合法性由发布企业负责。环球贸易网对此不承担任何保证责任。
友情提醒：为规避购买风险，建议您在购买相关产品前务必确认供应商资质及产品质量。怎么在百度地图上标注店名 百度地图标注方法
怎么在百度地图上标注店名？下面小编就来教一下大家百度地图标注方法，有兴趣的朋友一起来学习吧
有时候我们需要在百度地图上寻找相关店名才能确认准确方位，但是没有怎么办？其实可以自己提交标注店名的这样还能造福其他，怎么在百度地图上标注店名？下面小编就来教一下大家百度地图标注方法。
软件名称：百度地图电脑版 7.4.0 pc版 软件大小：29.0MB更新时间：
软件名称：百度地图坐标拾取器 v1.0 绿色版软件大小：901KB更新时间：
怎么在百度地图上标注店名 百度地图标注方法
百度地图标注店名方法
1、注册登陆，完善个人信息：直接访问/注册百度账号，激活并完善个人信息;或通过百度地图主页右上角点击&商户免费标注&完成注册登陆。
2、能查到店铺，可以直接认领：请在地图上方的框中输入您的店铺，如果能够查到您的店铺，请直接认领，认领时需要上传您的证照资质。如果无法查到，请先标注其所在的位置，再进行认领。
3、查不到店铺，先标注，再认领点击&我要标注&，填写商户名称和精确的地址位置，精确到门牌号。点击&标注商户位置&，双击地图，放大地图比例。地图比例越大，标注的准确度越高。需要放到最大层级，即双击鼠标地图不再放大，地图能够清楚显示你所在位置的周边环境为止。参照你周边的地标性建筑，拖拽地图中的红点，标注到你认为最准确的位置，点击确定提交后，在进行认领。
4、提交申请后，需要5-7天的审核期，请耐心等待。
最后，为大家附上百度地图的一些其他功能：
1、 免费语音导航功能
2、 云端收藏地点、路线
3、 账号互通，电脑与手机同步收藏
4、 生活搜索功能，包含餐饮、酒店类百万商户的深度信息，更有优惠券可用，还支持周边外卖搜索，电话订餐功能
5、 超炫卫星图、3D模式，更立体、更直观
6、 离线包压缩90%以上，支持省包下载，支持双SD卡，更快捷、更省流量
7、 罗盘模式，自动根据你的朝向旋转地图，提升真实感完美实现&图随你转&
8、 含各种路况事件信息及实时路况时间信息，包括管制、施工、事故信息等，&彩色蚯蚓&功能完美展现路线路况。1478人阅读
摘要：应广大API爱好者要求，写了一篇利用自己数据库标点的文章……
---------------------------------------------------------
一、先按照前两篇文章那样，做好静态文件。
请看两篇文章：
二、建立自己的数据库。
需要存入以下信息：经纬度、名称、地址、电话、价格等。
API爱好者们还可以添加其他数据，按照相同的办法储存和读取。
1.&创建数据表：y_map
CREATE TABLE IF NOT EXISTS `y_map` (
`id` int(11) NOT NULL,
`point` varchar(128) NOT NULL,
`title` varchar(128) NOT NULL,
`address` varchar(128) NOT NULL,
`price` float NOT NULL,
`tel` varchar(20) NOT NULL,
`level` int(11) NOT NULL,
PRIMARY KEY
(`id`)) ENGINE=InnoDB DEFAULT CHARSET=utf8;
来看一下创建好的数据库。
2.&插入数据
这里我插入了十条自己的数据。名称地址电话价格，我还放了评价。用level来表示。level为5，评价就有5颗星。
id是顺序插入的。
point，请用坐标拾取工具，拾取百度坐标：
INSERT INTO `y_map` (`id`, `point`, `title`, `address`, `price`, `tel`, `level`) VALUES(0, '116..942833', '如家快捷酒店', '北京市朝阳区高碑店小学旁', 120, '010-', 5),(1, '116..003682', '昆仑大厦', '北京市海淀区紫竹院123号', 2370, '010-', 4),(2, '116..896095', '华夏银行', '北京市海淀区紫竹院123号', 50, '010-', 4),(3, '116..946249', '成都小吃', '北京市海淀区紫竹院123号', 16, '010-', 4),(4, '116..984761', '锦绣大饭店', '北京市朝阳区高碑店小学旁', 300, '010-', 5),(5, '116..98323', '七天快捷酒店', '北京市大钟寺沧澜大厦', 180, '010-', 5),(6, '116..946124', '中央民族大学', '北京市朝阳区高碑店小学旁', 9, '010-', 3),(7, '116..00796', '昌平汽车专修学院', '北京市哇哈哈路鲜鱼一条街', 3300, '010-', 3),(8, '116..911603', '百度大厦', '北京市朝阳区高碑店小学旁', 20, '010-', 3),(9, '116..946652', '海尔电器销售点', '北京市朝阳区高碑店小学旁', 1000, '010-', 3);
来看一下数据库的样子：
三、如何改HTM为PHP，并结合数据库？
1、数据库连接
连接数据库
$mysql_server_name=&localhost&;
// 数据库服务器名称
$mysql_username=&root&;
// 连接数据库用户名
$mysql_password=&root&;
// 连接数据库密码
$mysql_database=&map&;
// 数据库的名字
// 连接到数据库
$conn=mysql_connect($mysql_server_name, $mysql_username,$mysql_password)
or die(&Could not connect: &.mysql_error());
// 从表中提取信息的sql语句
$strsql=&select * from y_map&;
// 执行sql查询
$result=mysql_db_query($mysql_database, $strsql, $conn);
2、如何获取查询结果？
在这里，定义了标注、图片、信息窗口内容，以及经纬度数组。
// 获取查询结果
$arr_point = '[';
$maker = '';
$ops = '';
while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) {
$img = '';
echo '&li&
&span style=&float:&&'.$row[&price&].'元&/span&
&a onmouseover=&openMyWin(infoWindow'.$i.',point['.$i.'])& href=&#&&'.$row['title'].'&/a&
$arr_point .= 'new BMap.Point('.$row[&point&].'),';
$maker .= 'var marker'.$i.' = new BMap.Marker(point['.$i.'],{icon:myIcon});';
$addverlay .= 'map.addOverlay(marker'.$i.');';
$ops .= 'var opts'.$i.' = {offset : new BMap.Size(0, -25), title : \'&span style=&font-size:14color:#0A8021&&'.$row['title'].'&/span&\'};';
for($m = 0;$m & $row[&level&];$m++)
$img .= &&img src='/data/icons/diagona/icon/16/031.png' /&&;
$infoWindow .= &var infoWindow&.$i.& = Window(\&&div style='line-height:1.8font-size:12'&&b&地址:&/b&&.$row['address'].&&/br&&b&电话:&/b&010-&/br&&b&口碑：&/b&&.$img.&&a style='text-decoration:color:#2679BA;float:right' href='#'&详情&&&/a&&/div&\&, opts&.$i.&);&;
$addEventListener .= 'marker'.$i.'.addEventListener(&mouseover&, function(){this.openInfoWindow(infoWindow'.$i.');});';
$i++;
$arr_point = substr($arr_point , 0 , -1).']';
3、定义好信息后，需要把js用php语句拼起来。
拼接字符串时，注意要保持与静态文件里js的代码一致。
echo '&script& var point = '.$arr_point.';
echo $maker;
// 创建标注
echo $addverlay;
// 将标注添加到地图中
echo 'map.setViewport(point); ';
// 调整地图的最佳视野为显示标注数组point
echo $ops ;
echo $infoWindow ;
echo $addEventListener.' &/script& '?&
这样，就可以自动循环，从自己的数据库里，读取数据了。
信息窗口内容，也是自己定义的。
四、全部源代码
&!DOCTYPE html&&html&&head&&meta http-equiv=&Content-Type& content=&text/ charset=gb2312& /&&title&酷讯酒店地图&/title&&script type=&text/javascript& src=&http://api./api?v=1.2&&&/script&&style type=&text/css&&a{text-decoration:color:#6font-size:14}a:hover{text-decoration:}&/style&&/head&&body&&div style=&float:width:520height:340border:1px solid gray& id=&container&&&/div&&div style=&float:width:200height:340border:1border-width:1px 1px 1px 0;padding:0 10px 0 0;line-height:1.8&&
连接数据库
$mysql_server_name=&localhost&;
// 数据库服务器名称
$mysql_username=&root&;
// 连接数据库用户名
$mysql_password=&root&;
// 连接数据库密码
$mysql_database=&map&;
// 数据库的名字
// 连接到数据库
$conn=mysql_connect($mysql_server_name, $mysql_username,$mysql_password)
or die(&Could not connect: &.mysql_error());
// 从表中提取信息的sql语句
$strsql=&select * from y_map&;
// 执行sql查询
$result=mysql_db_query($mysql_database, $strsql, $conn);
// 获取查询结果
$arr_point = '[';
$maker = '';
$ops = '';
while ($row = mysql_fetch_array($result, MYSQL_ASSOC)) {
$img = '';
echo '&li&
&span style=&float:&&'.$row[&price&].'元&/span&
&a onmouseover=&openMyWin(infoWindow'.$i.',point['.$i.'])& href=&#&&'.$row['title'].'&/a&
$arr_point .= 'new BMap.Point('.$row[&point&].'),';
$maker .= 'var marker'.$i.' = new BMap.Marker(point['.$i.'],{icon:myIcon});';
$addverlay .= 'map.addOverlay(marker'.$i.');';
$ops .= 'var opts'.$i.' = {offset : new BMap.Size(0, -25), title : \'&span style=&font-size:14color:#0A8021&&'.$row['title'].'&/span&\'};';
for($m = 0;$m & $row[&level&];$m++)
$img .= &&img src='/data/icons/diagona/icon/16/031.png' /&&;
$infoWindow .= &var infoWindow&.$i.& = Window(\&&div style='line-height:1.8font-size:12'&&b&地址:&/b&&.$row['address'].&&/br&&b&电话:&/b&010-&/br&&b&口碑：&/b&&.$img.&&a style='text-decoration:color:#2679BA;float:right' href='#'&详情&&&/a&&/div&\&, opts&.$i.&);&;
$addEventListener .= 'marker'.$i.'.addEventListener(&mouseover&, function(){this.openInfoWindow(infoWindow'.$i.');});';
$i++;
$arr_point = substr($arr_point , 0 , -1).']';
&/ul&&/div&&/body&&/html&&script type=&text/javascript&&var map = new BMap.Map(&container&);var point = new BMap.Point(116.404, 39.915);map.centerAndZoom(point, 14);var myIcon = new BMap.Icon(&/wiki/static/map/API/examples/images/Mario.png&, new BMap.Size(32, 70), {
//小车图片
imageOffset: new BMap.Size(0, 0)
//图片的偏移量。为了是图片底部中心对准坐标点。
});&/script&&?php
echo '&script& var point = '.$arr_point.';
echo $maker;
// 创建标注
echo $addverlay;
// 将标注添加到地图中
echo 'map.setViewport(point); ';
// 调整地图的最佳视野为显示标注数组point
echo $ops ;
echo $infoWindow ;
echo $addEventListener.' &/script& '?&
&script&function openMyWin(id,p){
map.openInfoWindow(id,p);
}&/script&
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：176912次
积分：2893
积分：2893
排名：第5016名
原创：102篇
转载：67篇
评论：44条
(6)(12)(1)(14)(1)(2)(1)(4)(14)(1)(5)(43)(65)&摘要&你将在第三章中学会以下知识：
如何在地图上添加带银行logo的标注？（你也可以换成商场logo，酒店logo等）
如何在标注上显示信息窗口，以及添加文字标签等其他覆盖物；
最后，介绍一个获取坐标的给力工具。
-----------------------------------------------------------------------------------------------------------------
一、如何添加标注、标签和信息窗口？
首先，我们需要创建一个点坐标，利用该点坐标来创建一个标注（Maker），最后将该标注显示在地图上。
比如我们了解到国家博物馆的坐标是116..912123（如何获取这个坐标，请查看下文中的坐标拾取工具）。
所以创建这个点，再创建一个标注在这个点上。最关键的一步就是将它显示出来，显示覆盖物用addOverlay。
var pointMarker = new BMap.Point(116.407804,39.912123);
// 创建标注的坐标var marker = new BMap.Marker(pointMarker);
// 创建标注
map.addOverlay(marker);
// 将标注添加到地图中
接下来，我们需要在这个标注的基础上，添加一个信息窗口。
为了在标注上添加一个信息窗口，我们需要对该标注建立一个监听事件，当鼠标点击标注后，方能显示信息窗口。
添加事件请使用addEventListener.
var infoWindow = new Window("点击标注后信息窗口就显示了");
// 创建信息窗口对象marker.addEventListener("click", function(){
//给标注添加点击事件
this.openInfoWindow(infoWindow);});
同理，你可以自己添加文字标签label。
其中point是文字标签显示的位置，offset可以设置它的偏移量。{}里的东西默认是可以不写的。
var label = new BMap.Label("请点击红色标注",{point : pointMarker,&
　　　　　　　 offset: new BMap.Size(3,-6)});
//定义一个文字标签map.addOverlay(label);
点击，运行该代码。右键点击新打开的窗口，可以查看源代码哦。
二、如何添加银行的标注？
但是，大家会不会觉得默认的这个红色标注很丑呢？那么我们一起来换一个标注吧！下面开始讲解，如何自定义标注。
为了看清楚，我把标注放得比较大。你自己可以换张小图片试试。
首先，我们要准备的是一张标注的图片。注意，一定需要一张背景透明的图片。然后定义三家银行的标注样式。有4个地方需要我们来设置。
第一就是银行图标的地址，我们可以把多张银行图标放在一张图上。比如这张图，点击下载。
第二是这个标注的大小BMap.Size，需要根据你银行图标的大小来定。
第三个是标注的偏移量offset。为什么要有偏移量呢？因为我们希望图标下面那个小尖尖刚好指在我们需要的坐标点上。
第四个就是相当于CSS sprites的设置了。由于我们的银行图标都放在了同一张图上，所以需要靠imageOffset这个设置来调整显示位置。
具体代码如下：
// 创建招商银行的标注图标var zsIcon = new BMap.Icon("/baidumap/bank/marker.gif",
//图片地址
new BMap.Size(40, 64),
// 标注显示大小
offset: new BMap.Size(20, 64),
// 标注底部小尖尖的偏移量
imageOffset: new BMap.Size(0, 0)
// 这里相当于CSS sprites
});// 创建中国银行的标注图标var zgIcon = new BMap.Icon("/baidumap/bank/marker.gif",
//图片地址
new BMap.Size(40, 64),
// 标注显示大小
offset: new BMap.Size(20, 64),
// 标注底部小尖尖的偏移量
imageOffset: new BMap.Size(0, -64)
// 这里相当于CSS sprites
});// 创建建设银行的标注图标var jsIcon = new BMap.Icon("/baidumap/bank/marker.gif",
//图片地址
new BMap.Size(40, 64),
// 标注显示大小
offset: new BMap.Size(20, 64),
// 标注底部小尖尖的偏移量
imageOffset: new BMap.Size(0, -128)
// 这里相当于CSS sprites
然后我们分别添加3个银行标注在地图上。点击运行代码。源代码如下：
&!DOCTYPE html&&html&&head&
&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&
&title&酸奶小妹&&百度地图API学习&/title&
&style type="text/css"&
html{height:<span style="background-color: #f5f5f5; color: #%}
body{height:<span style="background-color: #f5f5f5; color: #%;margin:0px;padding:0px}
#milkMap{height:<span style="background-color: #f5f5f5; color: #px;width:<span style="background-color: #f5f5f5; color: #px;border:1px solid blue;}
&script type="text/javascript" src="http://api./api?v=1.1&services=false"&&/script&&/head&&body&
&div id="milkMap"&&/div&&/body&&script type="text/javascript"&
var map = new BMap.Map("milkMap");
// 创建地图实例
var point = new BMap.Point(116.404, 39.915);
// 创建点坐标
map.centerAndZoom(point, 16);
// 初始化地图，设置中心点坐标和地图级别
map.addControl(new BMap.OverviewMapControl({isOpen: 1, anchor: BMAP_ANCHOR_TOP_RIGHT}));
//为地图添加鹰眼
map.addControl(new BMap.NavigationControl());
//为地图添加鱼骨
var myCopyright = new BMap.CopyrightControl({offset: new BMap.Size(485, 0)})
//设置版权信息偏移量
map.addControl(myCopyright);
//为地图添加版权控件
myCopyright.addCopyright({id : 1, content : '&a style="line-height:30height:30display:color:background:yellow" href="/milkmap/"&&img src="http://www./static/img/uiico.ico" /&酸奶小妹的博客园&/a&'});
// 创建招商银行的标注图标
var zsIcon = new BMap.Icon("/baidumap/bank/marker.gif",
//图片地址
new BMap.Size(40, 64),
// 标注显示大小
offset: new BMap.Size(20, 64),
// 标注底部小尖尖的偏移量
imageOffset: new BMap.Size(0, 0)
// 这里相当于CSS sprites
// 创建中国银行的标注图标
var zgIcon = new BMap.Icon("/baidumap/bank/marker.gif",
//图片地址
new BMap.Size(40, 64),
// 标注显示大小
offset: new BMap.Size(20, 64),
// 标注底部小尖尖的偏移量
imageOffset: new BMap.Size(0, -64)
// 这里相当于CSS sprites
// 创建建设银行的标注图标
var jsIcon = new BMap.Icon("/baidumap/bank/marker.gif",
//图片地址
new BMap.Size(40, 64),
// 标注显示大小
offset: new BMap.Size(20, 64),
// 标注底部小尖尖的偏移量
imageOffset: new BMap.Size(0, -128)
// 这里相当于CSS sprites
var pointMarker1 = new BMap.Point(116.403704,39.912123);
// 创建招商银行标注的坐标
var pointMarker2 = new BMap.Point(116.407804,39.916123);
// 创建中国银行标注的坐标
var pointMarker3 = new BMap.Point(116.400804,39.915123);
// 创建建设银行标注的坐标
var marker1 = new BMap.Marker(pointMarker1, {icon: zsIcon});
// 创建招商银行标注
var marker2 = new BMap.Marker(pointMarker2, {icon: zgIcon});
// 创建中国银行标注
var marker3 = new BMap.Marker(pointMarker3, {icon: jsIcon});
// 创建建设银行标注
map.addOverlay(marker1);
// 将招商银行标注添加到地图中
map.addOverlay(marker2);
// 将中国银行标注添加到地图中
map.addOverlay(marker3);
// 将建设银行标注添加到地图中
var infoWindow1 = new Window("你点击了招商银行的标注",{offset: new BMap.Size(0, -64)});
marker1.addEventListener("click", function(){
//给招商银行标注添加点击事件
this.openInfoWindow(infoWindow1);
//打开招商银行的窗口
var infoWindow2 = new Window("你点击了中国银行的标注",{offset: new BMap.Size(0, -64)});
marker2.addEventListener("click", function(){
//给中国银行标注添加点击事件
this.openInfoWindow(infoWindow2);
//打开中国银行的窗口
var infoWindow3 = new Window("你点击了建设银行的标注",{offset: new BMap.Size(0, -64)});
marker3.addEventListener("click", function(){
//给建设银行标注添加点击事件
this.openInfoWindow(infoWindow3);
//打开建设银行的窗口
});&/script&&/html&
--------------------------------------------------------------------------------------------------------------------
小贴士：什么是覆盖物？
答：覆盖物包括了标注Marker、文字标签Label、信息窗口InfoWindow、圆形Circle、多边形Polygon，以及折线Polyline。
添加任何一个覆盖物都需要map.addOverlay();这个函数。
如何添加其他覆盖物呢？你可以到上查询类参考-&。
--------------------------------------------------------------------------------------------------------------------
三、找坐标的使用工具&&坐标拾取系统
1、进入该工具网址：
2、在搜索框中输入你想查询位置的中文名称，例如&安定门&
3、找到合适的位置，点击鼠标右键开启添加标注功能。（小窍门：地图级别越高，位置越精确，建议把地图级别开到17或者18级哦~）
4、开启功能后，你就可以左键点击地图了。无论你点在哪里，网页的右边都会出现一组坐标信息，这就是当前小红点的坐标了。
5、如果你想改变小红点的位置，可以直接点击地图上另外的点，也可以拖动小红点。
注意：如果你要拖动地图，请先点击鼠标右键，关闭添加标注的功能。
-----------------------------------------------------------------------------------------------------------------------
学到这里，大家已经可以动手自己做一张自定义的银行分布图了。
主要步骤：
1、利用找到银行的地理位置，也就是坐标。
2、把银行名称、地址、坐标等内容存入数据库。
3、创建一个搜索条，查询用户输入的关键字。比如，用户输入&大望路 招商银行&。
4、查询数据库，找到数据2符合条件。于是在（106.40,30.91）这个点上，添加一个招商银行的标注。
注意：这里显示的标注是自定义标注，就是说，如果查询的是招商银行，就显示招商银行的标注；查询的是建设银行，就显示建设银行的标注。
5、最后，利用panto或者setCenter把地图的中心移到银行标注的坐标点。
//以下二者选其一即可。建议选第二个，因为地图平移的动画。setCenter(markerPoint);
//重新设置地图的中心点panto(markerPoint);
//将地图中心点平移到坐标点
至于怎样建立数据库，我这里就不多说了，因为不太涉及到GIS或者API的东西。
有兴趣的同学可以去学习一下数据库，还有PHP或者.NET等后台程序。
------------------------------------------------------------------------------------------------------------------------
如果我们没有自己的数据库，也想建立一个银行网点的分布图，应该如何做呢？
在下一章，我们将学会，如何利用百度地图的数据库来建立全国银行网点的查询地图。
阅读(...) 评论()