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

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

1. <ul> 
2.  
3.  
4.  <li onclick="reload_map({$room.longitude},{$room.latitude},'公交站')" class="current">公交</li> 
5.  
6.  <li onclick="reload_map({$room.longitude},{$room.latitude},'地铁站')">地铁</li> 
7.  
8.  <li onclick="reload_map({$room.longitude},{$room.latitude},'嘉利华酒店')">周边嘉利华</li> 
9.  
10.  <li onclick="reload_map({$room.longitude},{$room.latitude},'旅游')">旅游</li> 
11.  
12.  <li onclick="reload_map({$room.longitude},{$room.latitude},'餐馆')">餐饮</li> 
13.  
14.  <li onclick="reload_map({$room.longitude},{$room.latitude},'购物')">购物</li> 
15.  
16.  <li onclick="reload_map({$room.longitude},{$room.latitude},'娱乐')">娱乐</li> 
17.  
18.  <li onclick="reload_map({$room.longitude},{$room.latitude},'医疗')">医疗</li> 
19.  
20.  <li onclick="reload_map({$room.longitude},{$room.latitude},'银行')">银行</li> 
21.  
22. </ul> 
23.  
24. <iframe src="hotels_map.php?weidu={$room.latitude}&jingdu={$room.longitude}&keywords=公交站" width="752" height="389" id="map_iframe"></iframe> 
25.  
26.  
27.  
28.  
29. <script type="text/javascript"> 
30.  
31. //地图 
32.  
33. function reload_map(jingdu,weidu,keywords){ 
34.  
35.  var url = "hotels_map.php?weidu="+weidu+"&jingdu="+jingdu+"&keywords="+keywords; 
36.  
37.  $("#map_iframe").attr("src",url); 
38.  
39. 上一篇：ecshop提示Strict Standards: Non-static method cls_image::gd_ve
    下一篇：ecshop实现将商品批量加入收藏的功能