修改方法：
修改模板-》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 {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>

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

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. 去除img标签函数

    需要去除一个长字符串中的img标签,网上找到了这个代码试试看,确实是有效的.代码如下: <?php function strip_tags_img($string='') { $pattern= ...

  2. Python【每日一问】33

    问: [基础题1]:设计一个重量转换器,输入以“g”为单位的数字后返回换算成“kg”的结果 [基础题2]:设计一个求直角三角形斜边长的函数,比如直角边长分别为3和4,输出结果为:The right t ...

  3. [记录]mscorlib recursive resource lookup bug解决方法

    [Content]Expression: [mscorlib recursive resource lookup bug]Description: Infinite recursion during ...

  4. thinkphp5用了哪些设计模式

    一.设计模式简介 首先我们来认识一下什么是设计模式:设计模式是一套被反复使用.容易被他人理解的.可靠的代码设计经验的总结.设计模式不是Java的专利,我们用面向对象的方法在PHP里也能很好的使用23种 ...

  5. vue父子（父传子）传值

    vue2.0中,实现父子组件间的传值,需要依靠一个props的属性,作为变量接收的对象. 注:vue.js文件引用的是本地的js文件,拷贝本机运行时,可以使用cnd替换. https://www.bo ...

  6. SpringCloud面试题及答案

    1. 什么是 spring cloud? spring cloud 是一系列框架的有序集合.它利用 spring boot 的开发便利性巧妙地简化了分布式系统基础设施的开发,如服务发现注册.配置中心. ...

  7. Maven：repositories、distributionManagement、pluginRepositories中repository的区别

    本文链接:https://blog.csdn.net/netyeaxi/article/details/95804076 目录 一.repositories中的repository 二.distrib ...

  8. .NET Core中如何对Url进行编码和解码

    我们在.NET Core项目中,可以用WebUtility类对Url进行编码和解码,首先我们要确保项目中引入了nuget包:System.Runtime.Extensions 当然这个nuget包默认 ...

  9. Spring Security OAuth2.0 - AuthorizationServer和ResourceServer分离

    <Spring Security实现OAuth2.0授权服务 - 基础版>和<Spring Security实现OAuth2.0授权服务 - 进阶版>两篇文章中介绍如何搭建OA ...

  10. python基础知识(一)

    Python基础知识 计算基础知识 1.cpu 人类的大脑 运算和处理问题 2.内存 临时存储数据 断电就消失了 3.硬盘 永久存储数据 4.操作系统 调度硬件设备之间数据交互 python的应用和历 ...