国产午夜精品一区二区三区不-国产午夜精品一区二区三区不卡-国产午夜精品一区二区三区极品-国产午夜精品一区二区三区老-国产午夜精品一区二区三区漫-国产午夜精品一区二区三区嫩草

聊城網(wǎng)站制作公司,聊城網(wǎng)站建設(shè),聊城網(wǎng)站優(yōu)化,聊城網(wǎng)絡(luò)公司,聊城網(wǎng)站推廣,聊城網(wǎng)站運(yùn)營,聊城網(wǎng)絡(luò)運(yùn)營,聊城搜索引擎優(yōu)化,聊城網(wǎng)頁設(shè)計(jì),聊城網(wǎng)站制作
 
 
公司擁有五年的網(wǎng)站建設(shè)經(jīng)驗(yàn),專業(yè)網(wǎng)站制作,推廣及網(wǎng)站優(yōu)化,有大量優(yōu)秀客戶案例
網(wǎng)站建設(shè) | 設(shè)為首頁 | 加入收藏 | 聯(lián)系我們  
公告:熱烈慶祝聊城精英網(wǎng)絡(luò)2010版官方網(wǎng)站改版成功!
當(dāng)前位置 :首頁 > 網(wǎng)頁知識(shí)  

分享帝國CMS中 MAPABC地圖標(biāo)注[flash版地圖]

http://m.zjgjyh.cn   2011-12-1 15:08:17   人氣:
一、后臺(tái)建立字段為 [!--dbmap--] VARCHAR(40)
添加完以后,修改dbmap字段在 [輸入表單替換html代碼]加入以下代碼

<style type="text/css">
.pop{position:absolute;left:0;top:30px;width:620px;height:440px;border:1px solid #ccc;}
.pop_head{position:relative;height:20px;line-height:20px;background:#ccc}
.pop_head a{position:absolute;right:8px;line-height:20px;color:#000;text-decoration:none}
.pop_head a:hover{color:#f60;text-decoration:none}
</style>
<div style="position:relative"><a href="javascript:void(0);" onclick="show('pop')">我要標(biāo)注圖</a>
<input name="dbmap" type="text" id="dbmap" value="<?=$ecmsfirstpost==1?"":htmlspecialchars(stripSlashes($r[dbmap]))?>" size="">
<div id="pop" class="pop" style="display:none">
<div class="pop_head"><a href="javascript:void(0);" onclick="hide('pop')">關(guān)閉</a>鼠標(biāo)點(diǎn)擊目標(biāo)地,可直接進(jìn)行標(biāo)注。</div>
<div id="mapObj" class="view" style="width:620px;height:420px"></div>
</div>
</div>


二、修改模型,在模型中加入 (藍(lán)色部分為API密,可去code.mapabc.com申請(qǐng),紅色部分為默認(rèn)中心地址,可以在mapabc網(wǎng)站中查詢到。)

    <script type="text/javascript" src="http://app.mapabc.com/apis?&t=flashmap&v=2.2&key=e356278634eb6375540bad8d10d749836ab9ce3d4dd74fa01f2b93c1418eeb54acaef376799f27e2"></script>
    <script type="text/javascript">  
    var mapObj = null;   
    window.onload = function() {   
        //設(shè)置地圖初始化參數(shù)對(duì)象   
        var mapOptions = new MMapOptions();   
        mapOptions.zoom = 10;   
        //設(shè)置中心點(diǎn)為茌平   
        mapOptions.center = new MLngLat(116.25629425048828,36.58493329228891);   
        mapOptions.zoom = 13;   
        mapOptions.toolbar = DEFAULT;   
        mapOptions.toolbarPos = new MPoint(0, 0);   
        mapOptions.overviewMap = DEFAULT;   
        //創(chuàng)建地圖對(duì)象   
        mapObj = new MMap("mapObj", mapOptions);   
        registMouseAddMarker();   
    }   
    function onClick(e) {           
        var ll = new MLngLat(e.eventX,e.eventY);   
        var marker = new MMarker(ll);   
        marker.id = "marker";   
        mapObj.addOverlay(marker);   
        var xy = marker.lnglat.lngX + "," + marker.lnglat.latY;   
        document.getElementById("dbmap").value = xy;   
                window.onclick(hide('pop'));
    }   
      
    function registMouseAddMarker() {   
        mapObj.addEventListener(mapObj,MOUSE_CLICK,onClick);   
    }   
  
    function unregistMouseAddMarker() {   
        mapObj.removeEventListener(mapObj,MOUSE_CLICK,onClick);   
                window.onclick(hide('pop'));
    }  
        function show(o){
var o = document.getElementById(o);
o.style.display = "";
}
function hide(o){
var o = document.getElementById(o);
o.style.display = "none";
}
    </script>



三、在模板加載入地圖(注意紅色部分,可以修改標(biāo)注點(diǎn)提示,具體的可以去code.mapabc.com示例中獲取。)



<div id="map" style="width: 676px; height: 200px"></div>
<script type="text/javascript" src="http://app.mapabc.com/apis?&t=flashmap&v=2.3.4&key=e356278634eb6375540bad8d10d749836ab9ce3d4dd74fa01f2b93c1418eeb54acaef376799f27e2"></script>
<script type="text/javascript">
        var mapObj=null;
        var mapoption = new MMapOptions();
        mapoption.overviewMap = SHOW;
        mapoption.zoom = 16;
        mapoption.centerCross = SHOW;
        mapObj = new MMap("map", mapoption);
        mapObj.addEventListener(mapObj,ADD_OVERLAY,addOverlayEvent);
        var tipOption=new MTipOptions();
        tipOption.content="[!--title--]";
        var markerOption = new MMarkerOptions();
        markerOption.imageUrl="http://www.mapabc.com/DataChannel/add/images/list_03.png";
        markerOption.imageAlign=BOTTOM_CENTER;
        markerOption.tipOption = tipOption;
        markerOption.canShowTip= true;
        var marker = new MMarker(new MLngLat([!--dbmap--]),markerOption);
        mapObj.addOverlay(marker,true) ;
function addOverlayEvent(param){
        mapObj.openOverlayTip(param.overlayId);
}
</script>



標(biāo)注地圖關(guān)閉感謝trylife幫助
專業(yè)設(shè)計(jì)團(tuán)隊(duì)
滿足您的各種設(shè)計(jì)要求
實(shí)力程序開發(fā)團(tuán)隊(duì)
為您定制各種程序模塊
后臺(tái)管理高效安全
方便更新上傳網(wǎng)站資料
全球高速訪問
無盲區(qū)、定制異地備份
專業(yè)客服團(tuán)隊(duì)
解決一切使用難題
贈(zèng)送大容量空間郵箱
免費(fèi)優(yōu)化推廣
   
關(guān)于我們 | 工作機(jī)會(huì) | 付款方式 | 網(wǎng)站制作 | 網(wǎng)頁制作 | 網(wǎng)頁設(shè)計(jì) | 網(wǎng)絡(luò)公司 | 聯(lián)系我們 | 網(wǎng)站地圖
版權(quán)所有:聊城精英網(wǎng)絡(luò)科技有限公司 © 2005-2010 All Rights Reserved.
咨詢專線:0635-6950368 技術(shù)專線:15192175820 在線QQ:312817927 1485871644
地址:聊城市閘口科技市場 郵編:252000 蘇ICP備10112026號(hào)
主站蜘蛛池模板: 老熟女富婆激情刺激对白 | jizzzz亚洲丰满xxxx | 亚洲日本在线观看 | 久久精品国产亚洲av麻豆欧 | 中文国产特黄特色在线视频 | 亚洲永久精品ww47 | 亚洲综合久久一区二区三区 | 久久久精品久久久久久96 | 成人午夜福利视频镇东影视 | 无码精品国产va在线观看 | 欧美最猛黑人xxxx黑人猛交98 | 亚洲国产欧美国产第一区二区三区 | 国产成人精品手机在线播放 | 国产精品成人久久久久久久 | 国产丰满人妻AV | 国产三级视频在线播放 | 亚洲成a人片在线不 | 午夜福利视频一区二区 | 国产情侣真实露脸在线 | 最新av偷拍av偷窥av网站 | 欧亚成年男女深夜百度网盘 | 国产成人精品无码一区二区三区 | 国产精品99久久电影 | 毛片无码在线免费观看网站 | 99久久久精品免费观看国产 | 亚洲永久精品中国无损音乐 | 亚洲熟女少妇av一区 | 老熟女强人国产在线 | 性色AV性色生活片 | 亚洲高清无码人妻 | 国产午夜福利不卡在线观看 | 亚洲本色精品一区二区久久 | 亚洲av无码一区二区三区在线播 | 人妻无码AⅤ中文系列久久免费 | 亚洲国产麻豆成人在线电影 | 抖音无限次短视频老司机APP | 国产成人啪精品午夜网站 | 久久综合精品视频精品 | 久久久国产精品 | 一本加勒比hezyo无码人妻 | 国产亚洲产品影市在线产品 |