沉浸式阅读
Beta

Destoon添加百度地图自动标注

©著作权     黑土 Ai 助手 订阅 开发技术       2016-05-06       1771      2      0      0      
学习要点:修改方法:修改模板-》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 = urle
修改方法:
修改模板-》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="https://www.mbkfw.com/static/image/lazy.gif" class="lazy" original="https://www.mbkfw.com/skin/taomodi/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="https://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>

本文标题: Destoon添加百度地图自动标注

本文链接: https://mbkfw.com/course/k-292.html (转载时请注明来源链接)

本文说明: 有问题或投稿请发送至: 邮箱/kf@dtmuban.com    QQ/290948585

特别鸣谢: 如果您觉得本文对您有帮助,请给我们一个小小的赞,收藏本文更利于反复学习哦!

 
destoon程序前端开发标签生成器

下班PC阅读不方便?

手机也可以随时学习开发

微信关注公众号“商企云服”
"模板开发网前端开发教学"
每日干货技术分享
 
0

圈友点评

文明上网理性发言,请遵守网络评论服务协议


色彩
×

《客户实名在线注册登记》售后一直都在!

关注

微信
关注

微信扫一扫
不同的环境体验

幸运大转盘,好礼等您拿

模板开发网公众号

模板开发网微信小程序

代授权

程序
授权

黑小二

联系
客服

很高兴为您服务
尊敬的用户,欢迎您咨询,我们为新用户准备了优惠好礼。咨询客服

联系客服:

在线QQ: 290948585

客服电话: 18605917465

E_mail邮箱: kf@dtmuban.com

微信公众号: 商企云服

微信小程序: 模板开发

QQ客服 微信客服DT授权代办 在线交谈 智能小云 黑土AI

工作时间:

周一至周五: 09:00 - 18:00

APP下载

安卓
APK

模板开发网安卓版APP

反馈

我要
反馈