ecshop加入百度地图,支持周边标记实例_其它CMS_青云站长教程网
  • 网页制作
  • 网络编程
  • 数据库
  • CMS教程
  • 软件教程
  • 服务器教程
  • 网站运营
  • 源码下载
  • 素材资源
  • 网页模板
  • 当前位置:主页 > CMS教程 > 其它CMS >

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

    时间:2019-08-13 | 栏目:其它CMS | 点击:

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

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

    <ul> 

     

     

     <li onclick="reload_map({$room.longitude},{$room.latitude},'公交站')" class="current">公交</li> 

     

     <li onclick="reload_map({$room.longitude},{$room.latitude},'地铁站')">地铁</li> 

     

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

     

     <li onclick="reload_map({$room.longitude},{$room.latitude},'旅游')">旅游</li> 

     

     <li onclick="reload_map({$room.longitude},{$room.latitude},'餐馆')">餐饮</li> 

     

     <li onclick="reload_map({$room.longitude},{$room.latitude},'购物')">购物</li> 

     

     <li onclick="reload_map({$room.longitude},{$room.latitude},'娱乐')">娱乐</li> 

     

     <li onclick="reload_map({$room.longitude},{$room.latitude},'医疗')">医疗</li> 

     

     <li onclick="reload_map({$room.longitude},{$room.latitude},'银行')">银行</li> 

     

    </ul> 

     

    <iframe src="hotels_map.php?weidu={$room.latitude}&jingdu={$room.longitude}&keywords=公交站" width="752" height="389" id="map_iframe"></iframe> 

     

     

     

     

    <script type="text/javascript"

     

    //地图 

     

    function reload_map(jingdu,weidu,keywords){ 

     

     var url = "hotels_map.php?weidu="+weidu+"&jingdu="+jingdu+"&keywords="+keywords; 

     

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

     

     

    </script> 

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

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

    hotels_map.php 部分,代码如下:

    <?php    

    $weidu = $_REQUEST['weidu']; 

     

    $jingdu = $_REQUEST['jingdu']; 

     

    $keywords = $_REQUEST['keywords']; 

       

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

     

     $suofang = 11; 

     

    }else

     

     $suofang = 14; 

     

     

     

     

     

    $str = '<html> 

     

     <head> 

     

    您可能感兴趣的文章:

  • MySQL数据检索+查询+全文本搜索_MySQL
  • Mysql优化原则_MySQL
  • Mysql 5.5多实例部署步骤_MySQL
  • 怎样在 Oracle RAC 环境下使用 Parallel 参
  • mysql死锁几种情况的测试_MySQL
  • 相关文章
  • 08-13ecshop实现将商品批量加入收藏的功能
  • 08-13ecshop模板下foreach的用法详解
  • 08-13ecshop调用文章显示上一篇下一篇
  • 08-12ecshop getRow getAll getOne 返回值的区别 - ecshop
  • 08-12ecshop判断ipad自动访问wap版 - ecshop