最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
ecshop加入百度地图,支持周边标记实例
时间:2022-06-25 16:30:57 编辑:袖梨 来源:一聚教程网
ecshop加入百度地图接口,首先在你要调用的页面加入下面这段话(样式可以自己调),传入默认的值,分别是经度、纬度、关键字(可以标记地图范围内与你关键字有关的地点)。
| 代码如下 | 复制代码 |
iframe src="hotels_map.php?weidu={$room.latitude}&jingdu={$room.longitude}&keywords=公交站" width="752" height="389" id="map_iframe">
//地图 function reload_map(jingdu,weidu,keywords){ var url = "hotels_map.php?weidu="+weidu+"&jingdu="+jingdu+"&keywords="+keywords; $("#map_iframe").attr("src",url); } |
|
这样就可以实现切换的效果,点击不同的选项卡,可以查看不同地图的内容。
hotels_map.php 部分:
| 代码如下 | 复制代码 |
|
$jingdu = $_REQUEST['jingdu']; $keywords = $_REQUEST['keywords'];
$suofang = 11; }else{ $suofang = 14; }
body,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}
//谷歌坐标转化为百度坐标 var xx = '.$jingdu.'; var yy = '.$weidu.'; var ggPoint = new BMap.Point(xx,yy);
translateCallback = function (point){ //alert(point.lng + "," + point.lat); var map = new BMap.Map("allmap"); // 创建Map实例 map.centerAndZoom(new BMap.Point(point.lng, point.lat), '.$suofang.');//初始化时,即可设置中心点和地图缩放级别。 var local = new BMap.LocalSearch(map, { renderOptions:{map: map, autoViewport:true} }); map.addControl(new BMap.ScaleControl()); map.enableScrollWheelZoom(true); map.addControl(new BMap.NavigationControl()); //添加默认缩放平移控件 var point = new BMap.Point((point.lng), (point.lat)); map.centerAndZoom(point, '.$suofang.'); var marker = new BMap.Marker(point); // 创建标注 map.addOverlay(marker); // 将标注添加到地图中 marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
var local = new BMap.LocalSearch(map, { renderOptions:{map: map} }); local.searchInBounds("'.$keywords.'", map.getBounds()); }
BMap.Convertor.translate(ggPoint,2,translateCallback); //GCJ-02坐标转成百度坐标 }, 300);
|
|
相关文章
- 超星网页版快捷登陆-超星学习通一键登录平台 02-04
- 歪歪漫画免费在线看-歪歪漫画全免费 02-04
- 正版女生漫画免费下载安装入口-非麻瓜漫画最新版本网页入口直达 02-04
- 番茄免费全本小说畅读入口-番茄免费全本小说完结全集入口 02-04
- 别对我动心电视剧免费观看:全集高清无删减在线播放地址 02-04
- 樱花漫画官网入口免费下载安装-樱花漫画官网官方入口最新版本直达 02-04
