当前位置：A5下载 > 源码技巧 > Ecshop > ecshop加入百度地图,支持周边标记实例

ecshop加入百度地图,支持周边标记实例

时间：2015-05-26 10:49作者：sa人气：154

百度地图是一个目前用到非常多的地图了,我们可以调用api来实现在百度地图中标位置,查找位置等等下面我们一起来看个ecshop加入百度地图,支持周边标记实例.

ecshop加入百度地图接口,首先在你要调用的页面加入下面这段话,样式可以自己调,传入默认的值,分别是经度、纬度、关键字,可以标记地图范围内与你关键字有关的地点,代码如下:

<ul>

<li onclick="reload_map({$room.longitude},{$room.latitude},'嘉利华酒店')">周边嘉利华</li>

</ul>

//地图

function reload_map(jingdu,weidu,keywords){
var url = "hotels_map.php?weidu="+weidu+"&jingdu="+jingdu+"&keywords="+keywords;

$("#map_iframe").attr("src",url);

}

</script>

这样就可以实现切换的效果,点击不同的选项卡,可以查看不同地图的内容.

hotels_map.php 部分,代码如下:

<?php

$weidu = $_REQUEST['weidu'];

$jingdu = $_REQUEST['jingdu'];

$keywords = $_REQUEST['keywords'];

if($keywords == '嘉利华酒店'){

$suofang = 11;

}else{

$suofang = 14;

}

$str = '<html>

<head>

body,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;}

</style>

<title>根据中心点关键字周边搜索</title>

</head>

<body>

</body>

</html>

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());

}

setTimeout(function(){

BMap.Convertor.translate(ggPoint,2,translateCallback); //GCJ-02坐标转成百度坐标

}, 300);

</script>';

echo $str;

标签ecshop,加入,百度,地图,支持,周边,标记,实例,百度

A5站长下载站

ecshop加入百度地图,支持周边标记实例

相关推荐

相关下载

网友评论

热门阅览

最新排行