修改方法：
修改模板-》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. Elasticsearch SQL用法详解

    Elasticsearch SQL用法详解  mp.weixin.qq.com 本文详细介绍了不同版本中Elasticsearch SQL的使用方法,总结了实际中常用的方法和操作,并给出了几个具体例子 ...

  2. 利用ApplicationListener和ContextRefreshedEvent加载自己的beanPool

    基本原理: 1.Spring的ApplicationListener和ContextRefreshedEvent一般都是成对出现的. 2.在IOC的容器的启动过程中,当所有的bean都已经处理完成之后 ...

  3. 蚂蚁金服2019实习生面经总结(已拿口头offer)

    一面 (37 分钟左右) 一面是上海的小哥打来的,3.12 号中午确认的内推,下午就打来约时间了,也是唯一一个约时间的面试官.约的晚上八点.紧张的一比,人生第一次面试就献给了阿里. 幸运的是一面的小哥 ...

  4. Java8实战及自己的总结

    java8 介绍 java8是2014年3月份,由Oracle发布的一个版本,又称之为jdk1.8,是现再我们在学习和工作中用的最多的一个版本.   在jdk1.8中,java8以添加非常多的新特性, ...

  5. Faker伪数据生成

    版本信息:Faker==3.0.0factory-boy==2.12.0 provider: # encoding=utf-8 import randomfrom faker.providers im ...

  6. Docker下安装kafka

    先看一下有哪些选择 额,没有官方的,但是可以根据stars来找一个,大多数人都选择第一个,我们看一下GitHub就知道了. 第一个:https://github.com/wurstmeister/ka ...

  7. windows下elasticsearch安装ik分词器后无法启动

    windows下elasticsearch安装ik分词器后启动报如下图错误: 然后百度说是elasticsearch路径有空格,一看果然我的路径有空格,然后重新换个路径就好了.

  8. Go语言【数据结构】指针

    指针 本章围绕字符串.数字.数组.切片.map.channel.结构体与指针赋值及函数传参的应用剖析 字符串 字符串本身也是StringHeader的结构体,包含Data指针与字符串长度,如下 typ ...

  9. 解决：ElasticSearch ClusterBlockException[blocked by: [FORBIDDEN/12/index read-only / allow delete (api)];

    简记 使用SkyWalking用ES做存储,发现运行一段时间会提示ElasticSearch ClusterBlockException[blocked by: [FORBIDDEN/12/index ...

  10. .NET / C# EF中的基础操作（CRUD）

    查 public List<users> Querys() { datatestEntities db = new datatestEntities(); var a = db.users ...