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

聊城網(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)
主站蜘蛛池模板: 肉蒲团dvd| 99久久久无码国产精品性推油 | 国产日本亚洲手机在线 | 国产日产欧产精品精品蜜芽 | 日日澡夜夜澡人人高潮 | 午夜一级在线 | 粉泬毛多水多30岁女人都是水 | 欧美网站影院免费b站 | 国产精品成人免费视频网站京东 | 国产精品部在线观 | 日韩免费播放一区二 | 无码a区在线观看视频 | 国产中文字幕乱人伦在线观看 | 亚洲综合无码一区二区456 | 欧美人与禽2o2o性论交 | 国产白袜脚足j棉 | 一区二区影院 | 成熟妇女免费看A片视频 | 国产精品无码素人福利不卡 | 亚洲av无码国产一区二区三区 | 午夜日韩影院电影在线 | 无码人妻一区二区三区免费看 | 亚洲国产毛片一区二区三区 | 国产噜噜在线视频 | 国产免费av一区二区三区 | 亚洲精品无码专区国产乱码 | 色欲综合视频天天天 | 欧美日韩无中文在线视频 | 免费视频片在线观看大片 | 五月天亚洲图片婷婷 | 亚洲第一日韩AV综合网 | 红桃av一区二区三区在线无码av | 在线亚洲欧洲国产综合444 | 国产情侣作爱视频免费观看 | 精品AV无码片 | 国产精品igao视频网网址 | 欧美人与动性xxxxx交性 | 国产成人av一区二区 | 亚洲精品国产一区二区在线 | 亚洲无线码在线一区观看 | 日本一本二本免费视频在线观看 |