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>

  好了,就这样一个简单的添加百度地图自动标注就这样完成了!

posted @   圆柱模板  阅读(197)  评论(0编辑  收藏  举报
编辑推荐:
· .NET 9 new features-C#13新的锁类型和语义
· Linux系统下SQL Server数据库镜像配置全流程详解
· 现代计算机视觉入门之:什么是视频
· 你所不知道的 C/C++ 宏知识
· 聊一聊 操作系统蓝屏 c0000102 的故障分析
阅读排行:
· DeepSeek V3 两周使用总结
· 回顾我的软件开发经历(1)
· C#使用yield关键字提升迭代性能与效率
· 低成本高可用方案!Linux系统下SQL Server数据库镜像配置全流程详解
· 4. 使用sql查询excel内容
点击右上角即可分享
微信分享提示