用户名：酸奶***GIS
文章数：135
访问量：58090
注册日期：
阅读量：1297
阅读量：3317
阅读量：588243
阅读量：474809
51CTO推荐博文
摘要：附近连锁店地图与全国连锁店地图，最大的区别就是：1、附近连锁店地图需要先定位，然后搜索附近的店铺。2、全国连锁店地图，是先选择城市，然后检索某城市内的全部门店信息。本文就详细讲解了如何制作附近实体店的地图，并调起高德地图进行导航，调起打***功能。本文还详细讲解了如何设置支付宝服务、微信公众号、微博官方账号的地图功能。650) this.width=650;" src="/i/406/063.png" alt="" style="margin:0padding:0border:0" />------------------------------------------------------------------------&一、支付宝设置登录支付宝服务窗：自定义菜单 -& 主菜单 -& 有子级菜单填写子菜单名称，设置为跳转网页，并且放入网址。比如菜鸟物流：最后点击发布。650) this.width=650;" src="/i/406/220.png" alt="" style="margin:0padding:0border:0" />&二、微信设置登录微信公众平台：功能-&高级功能-&编辑模式-&自定义菜单-& 菜单管理-&添加-&设置动作设置为跳转网页，并且放入网址。比如菜鸟物流：最后点保存。650) this.width=650;" src="/i/406/598.png" alt="" style="margin:0padding:0border:0" />&三、微博设置登录微博：管理中心-&粉丝服务-&高级功能-&编辑模式-&自定义菜单-&&菜单管理-&添加-&设置动作设置为跳转网页，并且放入网址。比如菜鸟物流：最后点保存。650) this.width=650;" src="/i/406/882.png" alt="" style="margin:0padding:0border:0" />&四、云图设置登录云图管理台：新建地图650) this.width=650;" src="/i/406/374.png" alt="" style="margin:0padding:0border:0" />导入CSV数据。（支持UTF8和GBK 编码，数据不超过10,000 条）点击预览，即可看到自己的云图。650) this.width=650;" src="/i/406/688.png" alt="" style="margin:0padding:0border:0" />&五、代码与获取网址将以下代码复制下来，替换key、tableID、图标，然后生成自己的网址。获取key的地址：获取tableID的地址：进入你的云图-&获取tableID650) this.width=650;" src="/i/406/565.png" alt="" style="margin:0padding:0border:0" />&全部源代码：&!DOCTYPE&HTML&&html&&head&&meta&http-equiv="Content-Type"&content="text/&charset=utf-8"&&meta&name="viewport"&content="initial-scale=1.0,&user-scalable=no"&/&&title&菜鸟物流全国站点&/title&&style&/**&reset&**/body,html,div,p,li,ul,ol,p,select,h3{padding:0;margin:0;}body,html{width:100%;height:100%;}img{border:}a{text-decoration:}a:hover{color:#FF7F27;}body{color:#333;font-family:"Microsoft&YaHei";text-align:font-size:14}img:hover{filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:&0.9;opacity:&0.9;}ul,li{list-style:}/**&clearfix&**/.clearfix{display:zoom:1;}.clearfix:after{content:".";display:height:0;clear:visibility:}/**&weixin&**/.header{width:100%;height:10%;background:#b3ffd7;float:}.header&a{width:49%;height:100%;float:font-size:16line-height:3.5}#map,#list{height:90%;width:100%;}#list{text-align:}.item{border-bottom:1px&dashed&#padding:10}&/style&&script&language="javascript"&src="/maps?v=1.2&key=【您的key】"&&/script&&/head&&body&onLoad="mapInit()"&
&&&&&div&class="header&clearfix"&
&&&&&&&&&a&id="iListBtn"&onclick="display('list','iMapBtn');"&href="javascript:void(0);"&列表模式&/a&
&&&&&&&&&a&id="iMapBtn"&onclick="display('map','iListBtn');"&href="javascript:void(0);"&地图模式&/a&
&&&&&/div&
&&&&&div&id="map"&class="clearfix"&&/div&
&&&&&div&id="list"&style="display:"&正在读取数据……&/div&&/body&&script&language="javascript"&function&display(id1,id2){
&&&&document.getElementById('map').style.display&=&'none';
&&&&document.getElementById('list').style.display&=&'none';
&&&&document.getElementById(id1).style.display&=&'block';
&&&&document.getElementById(id2).style.display&=&'block';&&&&if&(id1&===&'map'&&&&mapObj)&{
&&&&&&&&mapObj.setFitView();
}var&mapOvar&cloudDataLvar&cloudSvar&//初始化地图对象，加载地图function&mapInit(){
&&&&mapObj&=&new&AMap.Map("map");
&&&&mapObj.plugin('AMap.Geolocation',&function&()&{
&&&&&&&&geolocation&=&new&AMap.Geolocation({
&&&&&&&&&&&&enableHighAccuracy:&true,//是否使用高精度定位，默认:true&&&&&&&&&&&&timeout:&10000,&&&&&&&&&&//超过10秒后停止定位，默认：无穷大&&&&&&&&&&&&maximumAge:&0,&&&&&&&&&&&//定位结果缓存0毫秒，默认：0&&&&&&&&&&&&convert:&true,&&&&&&&&&&&//自动偏移坐标，偏移后的坐标为高德坐标，默认：true&&&&&&&&&&&&showButton:&true,&&&&&&&&//显示定位按钮，默认：true&&&&&&&&&&&&buttonPosition:&'LB',&&&&//定位按钮停靠位置，默认：'LB'，左下角&&&&&&&&&&&&buttonOffset:&new&AMap.Pixel(10,&20),//定位按钮与设置的停靠位置的偏移量，默认：Pixel(10,&20)&&&&&&&&&&&&showMarker:&true,&&&&&&&&//定位成功后在定位到的位置显示点标记，默认：true&&&&&&&&&&&&showCircle:&false,&&&&&&&&//定位成功后用圆圈表示定位精度范围，默认：true&&&&&&&&&&&&panToLocation:&true,&&&&&//定位成功后将定位到的位置作为地图中心点，默认：true&&&&&&&&&&&&zoomToAccuracy:true&&&&&&//定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：false&&&&&&&&});
&&&&&&&&mapObj.addControl(geolocation);
&&&&&&&&geolocation.getCurrentPosition();
&&&&&&&&AMap.event.addListener(geolocation,&'complete',&onComplete);&//返回定位信息-成功&&&&&&&&AMap.event.addListener(geolocation,&'error',&function(){
&&&&&&&&&&&&alert('哟，定位失败啦！');
&&&&&&&&});&&&&//返回定位信息-失败&&&&&});
}function&onComplete(data)&{&&&&var&lngX&=&data.position.getLng();&&&&var&latY&=&data.position.getLat();
&&&&cpoint&=&new&AMap.LngLat(lngX,latY);&&&&//cpoint&=&new&AMap.LngLat(116.543);&&&&myCloudList();&&
}//云图加载列表function&myCloudList(){&&&&//列表
&&&&var&searchOptions&=&{
&&&&&&&&&&&&pageSize:20
&&&&&&&&};
&&&&mapObj.plugin(["AMap.CloudDataSearch"],&function()&{
&&&&&&&&cloudSearch&=&new&AMap.CloudDataSearch('【您的tableID】',&searchOptions);&//构造云数据检索类&&&&&&&&AMap.event.addListener(cloudSearch,&"complete",&cloudSearch_CallBack);&//查询成功时的回调函数&&&&&&&&AMap.event.addListener(cloudSearch,&"error",&errorInfo);&//查询失败时的回调函数&&&&&&&&cloudSearch.searchNearBy(cpoint,&10000);&//周边检索&&&&&});
}var&markers&=&new&Array();&
var&windowsArr&=&new&Array();//添加marker和infowindow&&&&&function&addmarker(i,&d){&&
&&&&var&lngX&=&d._location.getLng();&&
&&&&var&latY&=&d._location.getLat();&&
&&&&var&IconOptions&=&{
&&&&&&&&image&:&"cainiao.png",&//您的小图标33*33
&&&&&&&&size&:&new&AMap.Size(33,33),
&&&&&&&&imageSize&:&new&AMap.Size(33,33),
&&&&&&&&imageOffset&:&new&AMap.Pixel(-16,0)
&&&&};&&&&var&myIcon&=&new&AMap.Icon(IconOptions);&&&&var&markerOption&=&{&&
&&&&&&&&map:mapObj,&&
&&&&&&&&icon:&myIcon,&&&
&&&&&&&&offset:&new&AMap.Pixel(-15,-30),&&&
&&&&&&&&position:new&AMap.LngLat(lngX,&latY)&&&&
&&&&};&&&&&&&&&&&&&&
&&&&var&mar&=&new&AMap.Marker(markerOption);&&&&
&&&&markers.push(new&AMap.LngLat(lngX,&latY));&&
&&&&var&infoWindow&=&new&Window({&&
&&&&&&&&content:&"&h3&"&+&d._name&+&"&/h3&"&+&"&img&style=\"width:280height:180overflow:\"&src='cainiao2.png'&/&&p&地址："&+&d._address&+&"&/p&"&+&"&p&***：&a&href=\"tel:"&+&d.telephone&+&"\"&"&+&d.telephone&+&"&/a&&/p&&p&style=\"text-align:right\"&&a&href='/?q="&+&d._location.getLat()&+&","&+&d._location.getLng()&+&"&name="&+&d._name&+&"'&到这儿去&/a&&/p&",
&&&&&&&&size:new&AMap.Size(280,&0),&&
&&&&&&&&autoMove:true,&&
&&&&&&&&offset:new&AMap.Pixel(0,-30),
&&&&&&&&closeWhenClickMap:&true&&&&&&&&
&&&&});&&&&
&&&&windowsArr.push(infoWindow);&&&&&
&&&&var&aa&=&function(){infoWindow.open(mapObj,&mar.getPosition());};&&&&
&&&&AMap.event.addListener(mar,&"click",&aa);&&&&
}//回调函数-成功function&cloudSearch_CallBack(data)&{
&&&&clearMap();&&&&var&resultStr="";&&&&var&resultArr&=&data.&&&&var&resultNum&=&resultArr.&&&&for&(var&i&=&0;&i&&&resultN&i++)&{
&&&&&&&&resultStr&+=&"&div&class=\"item\"&";
&&&&&&&&resultStr&+=&"&h3&"&+&(i+1)&+&"、"&+&resultArr[i]._name&+&"&/h3&";
&&&&&&&&resultStr&+=&"&p&地址："&+&resultArr[i]._address&+&"&/p&";
&&&&&&&&resultStr&+=&"&p&***：&a&href=\"tel:"&+&resultArr[i].telephone&+&"\"&"&+&resultArr[i].telephone&+&"&/a&&/p&";
&&&&&&&&resultStr&+=&"&p&地图：&a&href='/?q="&+&resultArr[i]._location.getLat()&+&","&+&resultArr[i]._location.getLng()&+&"&name="&+&resultArr[i]._name&+&"'&到这里去&/a&&/p&";
&&&&&&&&resultStr&+=&"&/div&";
&&&&&&&&addmarker(i,&resultArr[i]);&//添加大标注&&&&}&&&&if&(document.getElementById('map').style.display&!==&'none')&{
&&&&&&&&mapObj.setFitView();
&&&&document.getElementById("list").innerHTML&=&resultS
}//回调函数-失败function&errorInfo(data)&{
&&&&resultStr&=&;
&&&&document.getElementById("list").innerHTML&=&resultS
}//清空地图function&clearMap(){
&&&&mapObj.clearMap();
&&&&document.getElementById("list").innerHTML&=&'正在读取数据……';
}&/script&&/html&&demo网址（请用手机浏览器查看）：&效果图：650) this.width=650;" src="/i/406/832.png" alt="" style="margin:0padding:0border:0" />650) this.width=650;" src="/i/406/908.png" alt="" style="margin:0padding:0border:0" />650) this.width=650;" src="/i/406/560.png" alt="" style="margin:0padding:0border:0line-height:1.5;" />&六、其他云图教程【支付宝中的全国家乐福地图】【微信中的全国AMF海水农场地图】【官网中的全国AMF海水农场地图】【应用中webview形式的全国KTV地图】&【三甲医院】【东莞地图】【***落马图】&七、从零开始学高德JS API系列教程【地图展现】【控件】【覆盖物】【搜索服务】【路线规划】【坐标转换】
了这篇文章
类别：未分类┆阅读(0)┆评论(0)
16:47:53 08:48:27实体店如何在百度地图上标注位置
各位开店的亲们 想要让客人在地图上找到你们的店铺位置吗 请认真学习：实体店如何在百度地图上标注位置，怎么在百度地图上标注自己的店名
一：地图标注的好处 1：路线指示
当你告诉你的朋友或者客户你的店铺叫XX的时候
80%的人都会在地图上搜索你的店铺名称
找一下如何到达你的店铺
在如今的网络营销是的
如果在地图上还不能找到你的店铺
我都怀疑这店铺是不是真实存在
所以为自己的店铺做地图标注是非常非常有必要的 2：关键词排名
有部分人习惯使用地图搜索
例如：我加狗狗生病了，我会就会搜索
我相信效果已经不用我再细说了
也学有一天搜索XX店铺的时候
展示的就是你的店铺
如果你不做地图标注
就代表你会少一部分客户来源 二：如何在百度地图上标注位置
下面以百度地图为例
为大家讲解地图标注 1：打开百度地图
首先打开百度，登陆账号
在进入百度地图
地址： 2：找到“商户免费标注”按钮并点击
3：点击“添加新地点”
4：填写真实详细信息
开店的亲们请一定要填写真实详细的信息
包括***等，并上传营业执照
相当于做一个实体店认证
做了后好处是
会显示你店铺的详细信息
包括***，地址，主营，环境照片
效果就是这样的，推荐大家做
三：地图排名规则 1：距离
距离客户位置越近，排名越靠前 2：评价
评价越多，好评越多，越靠前 3：关键词
地点名称包含搜索词越精准越靠前 4：商业合作加权
开通“本地直通车”服务的用户排名靠前 四：其他地图平台
其他地图和百度地图的标注方式都是大同小异
在这里就不一一列举了
想学聪明的各位一定能搞定的
1：搜狗地图：
2：360地图：/
3：谷歌地图：/maps/
4：腾讯地图：/
5：高德地图：/
原文链接：/819
欧艺教育公众号：cq-ouyi
责任编辑：
声明：本文由入驻搜狐号的作者撰写，除搜狐官方账号外，观点仅代表作者本人，不代表搜狐立场。
今日搜狐热点