• DT系统应用-添加地图标注


       修改方法:
    修改模板-》Homepage->contact.htm

         

      {php $map_height = 300;}
        {php @include DT_ROOT.'/api/map/'.$api_map.'/show.inc.php';}
    

      之后加上以下代码:

      

    {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内容:

    <?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 { 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>
    

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

  • 相关阅读:
    Javascript倒计时页面跳转
    php计算时间差的方法
    php mysqli多个查询的例子
    结束线程方法2 Java提供的中断机制
    结束线程方法1:使用退出标志
    Java并发编程面试题1
    生产者消费者 java.util.concurrent.lock包
    多线程实例1 一个线程写入人员信息,一个线程读取人员信息
    Java并发编程笔记
    mysql案例-sysbench安装测试
  • 原文地址:https://www.cnblogs.com/68xi/p/8547371.html
Copyright © 2020-2023  润新知