php专区

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

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

1.  
   •  
   •  
   •  "reload_map({$room.longitude},{$room.latitude},'公交站')" class="current">公交
    
   •  
   •  "reload_map({$room.longitude},{$room.latitude},'地铁站')">地铁
    
   •  
   •  "reload_map({$room.longitude},{$room.latitude},'嘉利华酒店')">周边嘉利华
    
   •  
   •  "reload_map({$room.longitude},{$room.latitude},'旅游')">旅游
    
   •  
   •  "reload_map({$room.longitude},{$room.latitude},'餐馆')">餐饮
    
   •  
   •  "reload_map({$room.longitude},{$room.latitude},'购物')">购物
    
   •  
   •  "reload_map({$room.longitude},{$room.latitude},'娱乐')">娱乐
    
   •  
   •  "reload_map({$room.longitude},{$room.latitude},'医疗')">医疗
    
   •  
   •  "reload_map({$room.longitude},{$room.latitude},'银行')">银行
    
   •  
    
2.  
3. "hotels_map.php?weidu={$room.latitude}&jingdu={$room.longitude}&keywords=公交站" width="752" height="389" id="map_iframe"> 
4.  
5.  
6.  
7.  
8. "text/javascript"> 
9.  
10. //地图 
11.  
12. function reload_map(jingdu,weidu,keywords){ 
13.  
14.  var url = "hotels_map.php?weidu="+weidu+"&jingdu="+jingdu+"&keywords="+keywords; 
15.  
16.  $("#map_iframe").attr("src",url); 
17.  
18. } 
19.  
20.  

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

hotels_map.php 部分,代码如下:

1.    
2. $weidu = $_REQUEST['weidu']; 
3.  
4. $jingdu = $_REQUEST['jingdu']; 
5.  
6. $keywords = $_REQUEST['keywords']; 
7.    
8. if($keywords == '嘉利华酒店'){ 
9.  
10.  $suofang = 11; 
11.  
12. }else{ 
13.  
14.  $suofang = 14; 
15.  
16. } 
17.  
18.  
19.  
20.  
21. $str = ' 
22.  
23.   
24.  
25.  "Content-Type" content="text/html; charset=utf-8" /> 
26.  
27.  "viewport" content="initial-scale=1.0, user-scalable=no" /> 
28.  
29.  "text/css"> 
30.  
31.  body,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;} 
32.  
33.   
34.  
35.  "text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的密匙（很简单就可以申请到）"> 
36.  
37.  "text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"> 
38.  
39.   
40.  
41.   
42.  
43.   
44.  
45.  "allmap">