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

在

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

　　之后加上以下代码：

  1. {else}
  2. {php $coname = urlencode($COM[company]);}
  3. {php $uaddress = urlencode($COM[address]);}
  4. {php $uarea = urlencode($aa[areaname]);}
  5.  
  6. <div class="main_head"><div><strong>公司地图</strong><a name="map"></a></div></div>
  7. <div class="main_body">
  8. 下图中的红点是{$COM[company]}在{$aa[areaname]}的具体位置，您可以用鼠标放大缩小
  9. <iframe style="margin:6px;" width="720" height="300" src="http://zhimo.yuanzhumuban.cc/skin/pengcheng1688/image/nopic.gif" frameborder="0" scrolling="no"></iframe>
  10.  
  11. </div>

　　附map.php内容：

  1. <?php ?><html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  4. <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
  5. <style type="text/css">
  6. body, html,#allmap {width: 720px;height: 300px;overflow: hidden;margin:0;}
  7. * {font-size:12px;}
  8. </style>
  9. <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=1a9c001b5696345a8a35d25f577a877b"></script>
  10. <title>地址解析</title>
  11. </head>
  12. <body>
  13. <div id="allmap"></div>
  14. </body>
  15. </html>
  16. <script type="text/javascript">
  17.  
  18.                         var opts = {
  19.                  width : 250,     // 信息窗口宽度
  20.                  height: 50,     // 信息窗口高度
  21.                  title : "<b><? echo $_GET['gongsi']; ?></b>"  // 信息窗口标题
  22.                 }
  23.             //var infoWindow = new BMap.InfoWindow('鹤山区中山北路二矿南(鹤壁市鹤山区东方牧业总场院内)', opts);  // 创建信息窗口对象
  24.             var infoWindow = new BMap.InfoWindow('(<? echo $_GET['dizhi']; ?>)', opts);  // 创建信息窗口对象
  25.  
  26. // 百度地图API功能
  27. var map = new BMap.Map("allmap");
  28. var point = new BMap.Point(116.331398,39.897445);
  29. map.centerAndZoom(point,15);
  30. // 创建地址解析器实例
  31.         map.enableScrollWheelZoom();                  //启用滚轮放大缩小。
  32.             map.enableDoubleClickZoom();                  //启用双击放大。
  33. var myGeo = new BMap.Geocoder();
  34. // 将地址解析结果显示在地图上,并调整地图视野
  35.  
  36. myGeo.getPoint("<? echo $_GET['dizhi']; ?>", function(point){
  37.   if (point) {
  38.     map.centerAndZoom(point, 15);
  39.                        var marker = new BMap.Marker(point);        // 创建标注
  40.                         map.clearOverlays();
  41.                         map.addOverlay(marker);
  42.                         marker.openInfoWindow(infoWindow);      // 打开信息窗口
  43.     map.addOverlay(new BMap.Marker(point));
  44.  
  45.   }
  46. }, "<? echo $_GET['chengshi']; ?>");
  47.  
  48.             function showinfo(zb) {
  49.                 var mapobj = mapArray[zb];
  50.                 var point = new BMap.Point(mapobj.x, mapobj.y);
  51.                 map.centerAndZoom(point, 14);
  52.                 var infoWindow = new BMap.InfoWindow(mapobj.newstext, opts);  // 创建信息窗口对象
  53.                 var marker = new BMap.Marker(point);        // 创建标注
  54.                 map.clearOverlays();
  55.                 map.addOverlay(marker);
  56.                 marker.openInfoWindow(infoWindow);      // 打开信息窗口
  57.                 marker.addEventListener("dragend", function(e){
  58.                     this.openInfoWindow(infoWindow);
  59.                     infoWindow.redraw();
  60.                 })
  61.                 marker.addEventListener("click", function(e){
  62.                     this.openInfoWindow(infoWindow);
  63.                     infoWindow.redraw();
  64.                 })
  65.             }</script>

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

DT系统应用-添加地图标注的更多相关文章

  1. vue项目使用openlayers来添加地图标注，标注样式设置的简要模板

    先把代码贴出来,注释以后有时间再写(需要留意一下这里图标的引入方式,函数内相同路径无法找到图片) import sk from "../../assets/img/home/sk-activ ...

  2. 【百度地图API】建立全国银行位置查询系统（三）——如何在地图上添加银行标注

    原文:[百度地图API]建立全国银行位置查询系统(三)--如何在地图上添加银行标注 <摘要>你将在第三章中学会以下知识: 如何在地图上添加带银行logo的标注?(你也可以换成商场logo, ...

  3. iOS开发之百度地图的集成——地图标注&POI检索

    本篇分为两部分: 一.地图标注 第一步:首先创建 BMKMapView 视图 第二步:在视图完全显示出来后设置,并实现代理方法 第三步:运行程序,此时大头针效果可以正常显示 二.POI检索 第一步:延 ...

  4. [转] 基于ArcGISServer实现活动地图标注

    ——王嘉彬(Esri中国上海分公司) 1.背景 1.1.主流互联网地图应用的现状 在目前主流的互联网地图应用中,如 Google Map(图 1).搜狗地图(图2),POI 兴趣点的文字标注越来越多的 ...

  5. 针对不同手机系统的LBS地图定位解决方案

    原文:针对不同手机系统的LBS地图定位解决方案 摘要: 针对目前的三种手机系统:Android安卓.S60塞班.IOS苹果,做出的三种不同的手机地图应用解决方案. 查阅了多数地图API对手机的支持情况 ...

  6. 利用OpenCV给图像添加中文标注

    利用OpenCV给图像添加中文标注 : 参考:http://blog.sina.com.cn/s/blog_6bbd2dd101012dbh.html  和https://blog.csdn.net/ ...

  7. 51地图标注接口(EZMarker API)

    功能 在很多时候,您需要您的用户标出一个位置,比如:一个房地产网站,用户在登记新楼盘的时候,就需要在地图上标出这个楼盘的位置,这个时候就可以用到本接口. 地图标注接口(EZMarker API)是我要 ...

  8. Vue中使用百度地图——设置地图标注

    知识点:创建Map实例,为指定的位置设置标注 参考博客:https://www.cnblogs.com/liuswi/p/3994757.html 1.效果图:初始化地图,设置指定经纬度为地图中心点坐 ...

  9. 百度地图标注及结合ECharts图谱数据可视化

    本示例中根据企业位置经纬度,在页面右侧百度地图中标注企业名称.同时页面左侧ECharts图谱饼状图用于统计企业行业与注册资本.当右侧百度地图缩放拖拽,左侧ECharts图谱根据右侧地图上出现的企业动态 ...

随机推荐

  1. 配置 Jenkins 连接 Kubernetes 集群

    需求:外部 Jenkins 需要连接 Rancher 中的 Kubernetes 集群. 1.集群 config 文件 Rancher 首页,"集群" --> 右上角&quo ...

  2. Thinkphp中的系统变量

    Action中使用的系统常量 THINK_PATH // ThinkPHP 系统目录 APP_PATH // 当前项目目录 APP_NAME // 当前项目名称 MODULE_NAME //当前模块名 ...

  3. VisualStudio ------- vs发布软件

    上线的系统和自己做的系统有什么区别 上线的没有源代码,没有实体层,数据库访问层  业务逻辑层 只有表现层  而且也也没有    .cs 和 .psd   文件,这样就不能修改系统代码 他们都在 Web ...

  4. json对象与string相互转换教程

    一.说明 1.1 背景说明 json对象与string相互转换,这东西想写了很多次,但总觉得网上教程比较成熟,所以之前每次都放弃了.但今天又被string转json对象折腾了半天,实在受不了,所以还是 ...

  5. 不同路径II --动态规划

    一个机器人位于一个 m x n 网格的左上角 (起始点在下图中标记为“Start” ). 机器人每次只能向下或者向右移动一步.机器人试图达到网格的右下角(在下图中标记为“Finish”). 现在考虑网 ...

  6. Channel概述

    前言 前两篇文章介绍了NIO核心部分部分之一的缓冲区的相关内容,接下来我们继续学习NIO中另一个重要的核心部分--Channel(通道). 在学习这篇文章之前,先做下简单的说明,本文是一篇关于通道的概 ...

  7. 简单实现python调用c#dll动态链接库

    在python调用c#dll库时要先安装库clr,即安装pythonnet,参考文章:https://www.cnblogs.com/kevin-Y/p/10235125.html(为在python中 ...

  8. 修改dedecms 一些配置cfg_softname，cfg_soft_enname，cfg_soft_devteam

    1.找到include 中的common.inc.php 直接修改就可以了.

  9. Python基础之datetime、sys模块

    1.datetime模块 1)datetime.datetime.now(),返回各当前时间.日期类型. datetime.datetime.now(),返回当前日期. import datetime ...

  10. elementUI 2个输入框 时间区间月份选择

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...