帝国cms 添加百度地图接口后台添加信息可以地图选点

 2019-03-19 查看原文  2     

1、后台给数据表添加一个字段 coordinate,yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

输入表单替换html代码yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

<input name="coordinate" type="text" id="coordinate" value="<?=$ecmsfirstpost==1?"":ehtmlspecialchars(stripSlashes($r[coordinate]))?>" size="45">yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
<input type="button" name="changebutton" value="选择" onclick="window.open('/e/tool/map.php','','width=700,height=550,scrollbars=yes');">yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

 yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

 yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

2,创建一个map.php文件,放到e/tool文件夹内yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

 yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

<!DOCTYPE html>yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
<html>yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
<head>yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 <style type="text/css">yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 </style>yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=D0jDHbfTDf1r6DZqhckBKHrR3GtO7Swi"></script>yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 <title>地图展示</title>yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
<script>yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
function choosethispoint()yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
{yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 var val = document.getElementById("point_x").value + "," +  document.getElementById("point_y").value  + "," +  document.getElementById("zoom").value;yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 opener.document.add.coordinate.value=val;yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 window.close();yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
}yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
</script>yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
</head>yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
<body>yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 <div style="height:30px; line-height:30px">yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
  <form method="get" action="map.php"  style="display:block; float:left; width:300px; margin-left:20px"><input type="text" name="searchkey" value="<?=$_GET[searchkey]?>"> <input type="submit" value="搜索"></form>yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
  <div style="float:left; height:30px; line-height:30px"> X:<input type="text" id="point_x"> &nbsp;Y:<input type="text" id="point_y"><input type="button" name="" value="选好了,提交" onClick="choosethispoint()"></div>yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
  <div style="float:right;"><input type="hidden" name="" id="zoom" value="12"><input type="button" value="-" onClick="zoomjia()"><input type="button" value="+" onClick="zoomjian()"></div>yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 <div style="clear:both"></div></div>yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 <div id="allmap"></div>yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
</body>yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
</html>yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
<script type="text/javascript">yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 // 百度地图API功能yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 var map = new BMap.Map("allmap");yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 var point = new BMap.Point(116.404, 39.915);yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 var zoomval = document.getElementById("zoom").value;  yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 map.centerAndZoom(point,zoomval);yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 var menu = new BMap.ContextMenu();yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 <?phpyL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 if($_GET[searchkey]){yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 ?>yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 var local = new BMap.LocalSearch(map, {yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
  renderOptions:{map: map}yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 });yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 local.search("<?=$_GET[searchkey]?>");yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 <?phpyL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 }yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 ?>yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 var txtMenuItem = [yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
  {yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   text:'选择当前坐标',yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   callback:function(e){yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

          document.getElementById("point_x").value= e.point.lng;yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
          document.getElementById("point_y").value= e.point.lat;yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
                        }yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
  }yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 ];yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 for(var i=0; i < txtMenuItem.length; i++){yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
  menu.addItem(new BMap.MenuItem(txtMenuItem[i].text,txtMenuItem[i].callback,100));yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 }yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 map.addContextMenu(menu);yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 var size = new BMap.Size(10, 20);yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 map.addControl(new BMap.CityListControl({yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
  anchor: BMAP_ANCHOR_TOP_LEFT,yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
  offset: size,yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
  // 切换城市之间事件yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
  // onChangeBefore: function(){yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
  //    alert('before');yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
  // },yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
  // 切换城市之后事件yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
  // onChangeAfter:function(){yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
  //   alert('after');yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
  // }yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 }));yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 //单击获取点击的经纬度yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 map.addEventListener("click",function(e){yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
  var xx = e.point.lng;yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
  var yy = e.point.lat;yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
          document.getElementById("point_x").value= xx;yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   document.getElementById("point_y").value= yy;yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   var marker = new BMap.Marker(new BMap.Point(xx,yy)); // 创建点yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

   map.clearOverlays();yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   map.addOverlay(marker); yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 });yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 document.getElementById("point_x").value= map.getCenter().lng;yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 document.getElementById("point_y").value= map.getCenter().lat;yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
function zoomjia(){yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 var x = map.getCenter().lng;yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 var y = map.getCenter().lat;yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 var nowpoint = new BMap.Point(x,y);yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 var a = parseInt(document.getElementById("zoom").value);yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 document.getElementById("zoom").value = a-1;  yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 var zoomval = document.getElementById("zoom").value;yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 map.centerAndZoom(nowpoint,zoomval);yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
}yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

function zoomjian(){yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 var x = map.getCenter().lng;yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 var y = map.getCenter().lat;yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 var nowpoint = new BMap.Point(x,y);yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 var a = parseInt(document.getElementById("zoom").value);yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 document.getElementById("zoom").value = a+1;  yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 var zoomval = document.getElementById("zoom").value;yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 map.centerAndZoom(nowpoint,zoomval);yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
}yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
/* 自定义开始 */yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
</script>yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

 yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

 yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

3、前台显示代码yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

 yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

<div id="container3" class="container fl"></div>yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

 yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

<?phpyL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 $map = explode(",",$navinfor[coordinate]);yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 ?>yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 <script type="text/javascript">yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
  var points = [{yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   id: 1,yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   lng: <?=$map[0]?>,yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   lat: <?=$map[1]?>,yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   title: "[!--title--]",yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   content: ["地址:[!--loupandizhi--]"]yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
  }];yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

  var map = new BaiduMap({yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   id: "container3",yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   level: <?=$map[2]?>, //  选填--地图级别--(默认15)yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   zoom: true, // 选填--是否启用鼠标滚轮缩放功能--(默认false)yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   type: ["地图", "卫星", "三维"], // 选填--显示地图类型--(默认不显示)yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   width: 320, // 选填--信息窗口width--(默认自动调整)yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   height: 70, // 选填--信息窗口height--(默认自动调整)yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   titleClass: "title",yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   contentClass: "content",yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   mapStyle: "normal", // 默认normal,可选dark,lightyL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   icon: { // 选填--自定义icon图标yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
    url: "/skin/pc/images/marker2.png",yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
    width: 34,yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
    height: 94yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   },yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   centerPoint: { // 中心点经纬度yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
    lng: <?=$map[0]?>,yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
    lat: <?=$map[1]?>yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   },yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   index: 3, // 开启对应的信息窗口,默认-1不开启yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   animate: true, // 是否开启坠落动画,默认falseyL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   points: points, // 标注点--id(唯一标识)yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   callback: function(id) {yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
    $(".list").find("li").eq(id - 1).addClass("active").siblings().removeClass("active");yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   }yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
  });yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

  var data = map.getPosition();yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
  var $li = $(".list").find("li");yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

  $li.each(function(i) {yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   $(this).data("id", i + 1);yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
  }).on("click", function() {yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   map.openInfoWindow($(this).data("id"));yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
   $(this).addClass("active").siblings().removeClass("active");yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
  }).eq(data.id - 1).addClass("active");yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 </script>yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站
 yL8上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站