修改方法：
修改模板-》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. QuantLib 金融计算——收益率曲线之构建曲线（5）

    目录 QuantLib 金融计算--收益率曲线之构建曲线(5) 概述 Nelson-Siegel 模型家族的成员 Nelson-Siegel 模型 Svensson 模型 修正 Svensson 模型 ...

  2. | C语言I作业04

    | C语言I作业004 标签: 18软件 李煦亮 问题 答案 这个作业属于那个课程 C语言程序设计II 这个作业要求在哪里 https://www.cnblogs.com/pengchen511/p/ ...

  3. 拦截器配置类使用继承写法导致jackson的全局配置失效

    问题描述 项目中需要一个拦截器用于拦截请求,在没有请求中生成requestId.然后写了一个配置类,这个类继承了 WebMvcConfigurationSupport类,重写了addIntercept ...

  4. day60——单表操作补充（批量插入、查询、表结构）

    day60 批量插入(bulk_create) # bulk_create obj_list = [] for i in range(20): obj = models.Book( title=f'金 ...

  5. Promise实现子组件的多表单校验并反馈结果给父组件

    全手打原创,转载请标明出处:https://www.cnblogs.com/dreamsqin/p/11529207.html,多谢,=.=~ 本文中多表单验证主要用到Promise.all()实现多 ...

  6. Elastic Stack 7.5.0白金版永不过期

    适用版本:7.4.0~7.5.0 警告:本文章仅限于学习,非商业用途. 目录结构 # 先创建相关目录,具体结构如下: /opt |-- bulid # 编译目录 | |- src |-- instal ...

  7. FileUpload上传多张照片

    <asp:FileUpload ID="uploaderInput" runat="server" multiple="multiple&quo ...

  8. Identity和IdentityServer的区别及联系

    关于Identity和IdentityServer初学的时候可能会有一些疑惑(虽然我也不是很精深吧),但是,这里说一下自己关于这两者的一些理解,如有错误,欢迎指正 总体上, ASP.NET Core ...

  9. SQL根据指定节点ID获取所有父级节点和子级节点

    --根据指定节点ID获取所有子节点-- WITH TEMP AS ( SELECT * FROM table_name WHERE Id=' --表的主键ID UNION ALL SELECT T0. ...

  10. FineReport连接ApacheKylin

    1.前言 Apache Kylin™是一个开源的分布式分析引擎,提供Hadoop之上的SQL查询接口及多维分析(OLAP)能力以支持超大规模数据,最初由eBay Inc. 开发并贡献至开源社区.它能在 ...