php的百度地图应用marker及点击事件,searchInfoWindow

来源:互联网 发布:java ssh框架视频教程 编辑:程序博客网 时间:2024/04/30 15:57

<?php
 include_once("inc/conn.php");
 include_once("inc/auth.php");
    include_once("inc/utility_all.php");
 
 $sql='select cid,company_name,company_address,company_intro,registration_date,contact_name,phone,lng_lat,photo from enterprise_info';
 $cursor= exequery($connection,$sql);
 $adrs=iconv("UTF-8","GB2312"," 该地址无法定位,请检查!");
 $detail=iconv("UTF-8","GB2312"," 详情>>");
 $introduction=iconv("UTF-8","GB2312","项目介绍>>");
    while($ROW=mysql_fetch_array($cursor)){
  if(strlen($ROW['company_intro'])>20){
   $ROW['company_intro']=substr($ROW['company_intro'],0,20)."...";
  }
  $intro=iconv("UTF-8","GB2312","简介:").$ROW['company_intro'];
  $address=iconv("UTF-8","GB2312","地址:").$ROW['company_address'];
  $phone=iconv("UTF-8","GB2312","电话:").$ROW['phone'];
  $contact=iconv("UTF-8","GB2312","联系人:").$ROW['contact_name'];
  $photo=$ROW['photo'];  
  $lng_data=substr($ROW['lng_lat'],0,strpos($ROW['lng_lat'],','));
  $lat_data=substr($ROW['lng_lat'],strpos($ROW['lng_lat'],',')+1);
  $name=$ROW['company_name'];
  $cid=$ROW['cid'];
  $content='<div style="margin:0;line-height:22px;padding:2px;font-size:12px;font-family:微软雅黑;color:#202020">';
  if(!empty($photo)){
    $content.='<img style="float:right;" src="/general/shujushangbao_qiye/'.$photo.'" width="120" height="110" alt="'.$name.'">';
   }  
  $content.= $intro.'<br/>'.$address.'<br/>'.$phone.'<br/>'.$contact.'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" onclick="goDetail('.$cid.')">'.$introduction.'</a></div>';
  $str.="searchByStationName('$content','$name','$lng_data','$lat_data','$cid')\n\r";
 };
 
 ?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

<title>baiduMap</title>
<style type="text/css">
html{height:100%}
body{height:100%;margin:0px;padding:0px}
#container{height:99%}
a:hover{text-decoration:none}
a:active{text-decoration:none}
a{font-size:9px;}
#banner{
 background:none repeat scroll 0 0 #e4e4e4;
 width:100%;
 height:15px;
}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=your ak"></script>
<!-- 加载鼠标绘制工具 -->
<script type="text/javascript" src="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js"></script>
<link href="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.css" rel="stylesheet"/>
<script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js" charset="UTF-8"></script>
<link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />
<link href="http://api.map.baidu.com/res/12/bmap_autocomplete.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="banner"></div>
<div id="container"></div>
<span id="results"></span>

<script type="text/javascript">  
function goDetail(cid)
{
 window.open ('/general/shujushangbao_xiangmu/detail_list.php?cid='+cid+'','newwindow','height=500,width=750,top=150,left=550,toolbar=no,menubar=no,scrollbars=yes, resizable=no,location=no, status=no');
}
function goCompanyDetail(cid){
 window.open ('/general/shujushangbao_qiye/detail1.php?cid='+cid+'','newwindow','height=600,width=700,top=150,left=550,toolbar=no,menubar=no,scrollbars=yes,resizable=no,location=no, status=no');
}      
var map = new BMap.Map("container");          //创建地图实例
var point = new BMap.Point(119.032, 31.694);  // 创建点坐标
map.centerAndZoom(point, 16);  // 初始化地图,设置中心点坐标和地图级别
map.addControl(new BMap.NavigationControl());//平移缩放
var anchors={anchor:BMAP_ANCHOR_BOTTOM_RIGHT};
map.addControl(new BMap.ScaleControl());//比例尺
map.addControl(new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:true}));//缩略图
map.addControl(new BMap.CopyrightControl(anchors));//版权
map.addControl(new BMap.MapTypeControl());//地图类型 卫星、三维、地图
map.setCurrentCity("南京");
map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放  
map.enableKeyboard();//启用键盘上下左右键移动
var marker=new BMap.Marker(point);


function searchByStationName(loc,mark,lng_data,lat_data,cid){ 
 var point=new BMap.Point(lng_data,lat_data);
 var marker=new BMap.Marker(point);
 var label = new BMap.Label(mark,{offset:new BMap.Size(20,-10)});
 label.setStyle({cursor:"pointer",padding:"9px 10px 0px 10px",textAlign:"center",height:"40px",font:"14px 微软雅黑",color:"#818181",border:"10px,solid,silver",background:"url(./bg.png) repeat-x 0 -5"});
 marker.setLabel(label);
 //marker.enableDragging(); //marker可拖拽
 marker.addEventListener("click",function(e){
  searchInfoWindow.open(marker);
 });
 label.addEventListener("click",function(e){
  searchInfoWindow.open(marker);
 });
 
 map.addOverlay(marker);
 var searchInfoWindow = null;
 searchInfoWindow = new BMapLib.SearchInfoWindow(map, loc, {
   title  : '<label style="font:bold 14px 微软雅黑">'+mark+'</label>&nbsp;<a href="#" onclick="goCompanyDetail('+cid+')"><?php echo $detail;?></a>',  // 信息窗口标题 
   //title  : '<label style="font:bold 14px 微软雅黑">'+mark+'</label>&nbsp;<button id="btnDetail" onclick="goCompanyDetail('+cid+')"><?php echo $detail;?></button>',
   width  : 300,             //宽度
   height : 120,              //高度
   panel  : "panel",         //检索结果面板
   enableAutoPan : true,     //自动平移
   searchTypes   :[
    BMAPLIB_TAB_SEARCH,   //周边检索
    BMAPLIB_TAB_TO_HERE,  //到这里去
    BMAPLIB_TAB_FROM_HERE //从这里出发
   ]
  });
}

<?php echo $str; ?>
</script>
</body>
</html>
 

0 0
原创粉丝点击