DT系统应用-添加地图标注
修改方法:
修改模板-》Homepage->contact.htm
在
1 2 | {php $map_height = 300;} {php @ include DT_ROOT. '/api/map/' . $api_map . '/show.inc.php' ;} |
之后加上以下代码:
1 2 3 4 5 6 7 8 9 10 11 | { else } {php $coname = urlencode( $COM [company]);} {php $uaddress = urlencode( $COM [address]);} {php $uarea = urlencode( $aa [areaname]);} <div class = "main_head" ><div><strong>公司地图</strong><a name= "map" ></a></div></div> <div class = "main_body" > 下图中的红点是{ $COM [company]}在{ $aa [areaname]}的具体位置,您可以用鼠标放大缩小 <iframe style= "margin:6px;" width= "720" height= "300" src= "http://zhimo.yuanzhumuban.cc/skin/pengcheng1688/image/nopic.gif" frameborder= "0" scrolling= "no" ></iframe> </div> |
附map.php内容:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 | <?php ?><html> <head> <meta http-equiv= "Content-Type" content= "text/html; charset=gb2312" /> <meta name= "viewport" content= "initial-scale=1.0, user-scalable=no" /> <style type= "text/css" > body, html,#allmap {width: 720px;height: 300px;overflow: hidden;margin:0;} * {font-size:12px;} </style> <script type= "text/javascript" src= "http://api.map.baidu.com/api?v=2.0&ak=1a9c001b5696345a8a35d25f577a877b" ></script> <title>地址解析</title> </head> <body> <div id= "allmap" ></div> </body> </html> <script type= "text/javascript" > var opts = { width : 250, // 信息窗口宽度 height: 50, // 信息窗口高度 title : "<b><? echo $_GET['gongsi']; ?></b>" // 信息窗口标题 } //var infoWindow = new BMap.InfoWindow('鹤山区中山北路二矿南(鹤壁市鹤山区东方牧业总场院内)', opts); // 创建信息窗口对象 var infoWindow = new BMap.InfoWindow( '(<? echo $_GET[' dizhi ']; ?>)' , opts); // 创建信息窗口对象 // 百度地图API功能 var map = new BMap.Map( "allmap" ); var point = new BMap.Point(116.331398,39.897445); map.centerAndZoom(point,15); // 创建地址解析器实例 map.enableScrollWheelZoom(); //启用滚轮放大缩小。 map.enableDoubleClickZoom(); //启用双击放大。 var myGeo = new BMap.Geocoder(); // 将地址解析结果显示在地图上,并调整地图视野 myGeo.getPoint( "<? echo $_GET['dizhi']; ?>" , function (point){ if (point) { map.centerAndZoom(point, 15); var marker = new BMap.Marker(point); // 创建标注 map.clearOverlays(); map.addOverlay(marker); marker.openInfoWindow(infoWindow); // 打开信息窗口 map.addOverlay( new BMap.Marker(point)); } }, "<? echo $_GET['chengshi']; ?>" ); function showinfo(zb) { var mapobj = mapArray[zb]; var point = new BMap.Point(mapobj.x, mapobj.y); map.centerAndZoom(point, 14); var infoWindow = new BMap.InfoWindow(mapobj.newstext, opts); // 创建信息窗口对象 var marker = new BMap.Marker(point); // 创建标注 map.clearOverlays(); map.addOverlay(marker); marker.openInfoWindow(infoWindow); // 打开信息窗口 marker.addEventListener( "dragend" , function (e){ this.openInfoWindow(infoWindow); infoWindow.redraw(); }) marker.addEventListener( "click" , function (e){ this.openInfoWindow(infoWindow); infoWindow.redraw(); }) }</script> |
好了,就这样一个简单的添加百度地图自动标注就这样完成了!
千行代码,Bug何处藏。 纵使上线又怎样,朝令改,夕断肠。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .NET 9 new features-C#13新的锁类型和语义
· Linux系统下SQL Server数据库镜像配置全流程详解
· 现代计算机视觉入门之:什么是视频
· 你所不知道的 C/C++ 宏知识
· 聊一聊 操作系统蓝屏 c0000102 的故障分析
· DeepSeek V3 两周使用总结
· 回顾我的软件开发经历(1)
· C#使用yield关键字提升迭代性能与效率
· 低成本高可用方案!Linux系统下SQL Server数据库镜像配置全流程详解
· 4. 使用sql查询excel内容