<p id="1tkge"></p>
  1. <td id="1tkge"><option id="1tkge"></option></td>
    1. <track id="1tkge"><strike id="1tkge"><b id="1tkge"></b></strike></track>
        <table id="1tkge"><ruby id="1tkge"></ruby></table>
        <acronym id="1tkge"></acronym>
      1. <table id="1tkge"></table>
            今天是:   歡迎訪問通信維護技術行業的門戶網站!  
            設為首頁
            加入收藏
            網站地圖
            首頁 > 網站建設 > phpcmsv9 >
            分享到: 收藏

            phpcmv9地圖插件安裝圖文教程
            2016-10-01 21:24:00   來源:   評論:0 點擊:

              這個地圖插件為v9論壇里的首富制作,通信維護聯盟在這里講解這個地圖插件的詳細安裝方法。具體地圖插件請到phpcms論壇里面搜索v9多功能
              這個地圖插件為v9論壇里的首富制作,通信維護聯盟在這里講解這個地圖插件的詳細安裝方法。具體地圖插件請到phpcms論壇里面搜索”v9多功能地圖插件“下載。

            一、將下載下來的文件解壓,將phpcms 和statics目錄上傳覆蓋至程序根目錄。

            地圖安裝教程

             

            二、去后臺-擴展-更新緩存。

            更新緩存
             
            三、去內容-內容相關設置-模型管理里在需要使用地圖的模型里添加字段。字段類型選擇地圖。
             
            添加字段
             
            選擇好地圖字段后,下方會出現相關設置。如下圖。
             
            地圖相關設置
            四、這里有三種地圖,你可以任選一種添加。
              如果選擇51地圖。選取后直接提交即可。
              如果選擇:圖吧地圖、或者是google地圖則需要申請key。申請的鏈接地址有說明。其他不用設置。
            五、在添加過地圖字段的模型下欄目里發布內容。
             
            發布
              然后點擊標注位置。
             
            點擊標注
             
            六、發布后,在前臺頁面還不能看到,你還必須要在相應要顯示的內容頁模板里面加入調用代碼。我這里用的是默認模板show.html 我這里把地圖調用放在評論的下面。
              調用51地圖的代碼:
              這里我添加字段的時候用的是map_51,所以下面調用的時候就一定要一致,也要使用map_51
            1. <div class="map_back" id="map51" style="width:698px;height:250px">div> 
            2.             <script language='javascript' src='http://api.51ditu.com/js/maps.js'>script> 
            3.             <script language='javascript'> 
            4.                 var maps = new LTMaps( 'map51' );  
            5.                 maps.centerAndZoom(new LTPoint({$map_51[0]},{$map_51[1]}),{$map_51[2]}); 
            6.                 var c = new LTSmallMapControl();  
            7.                  maps.addControl(c);  
            8.                  var point = new LTPoint( {$map_51[0]} , {$map_51[1]} );  
            9.                  var marker = new LTMarker( point );  
            10.                 maps.addOverLay( marker );  
            11.                  var text = new LTMapText( marker );  
            12.                 text.setLabel( '{$title}' );  
            13.                  maps.addOverLay( text );  
            14.  
            15.             script> 
              調用圖吧地圖的代碼:
              這里我添加字段的時候用的是map_tuba,所以下面調用的時候就一定要一致,也要使用map_tuba
             
            1. <div class="map_back" id="mapbar" style="width:698px;height:250px">div> 
            2.    <script type="text/javascript" src="http://union.mapbar.com/apis/maps/free?f=mapi&v=31.2&k=aCW9cItqL6GtcBNocy4eb79hNeD5MYMhMHTsMhVsNeFsMREeNyT=@Yb9MbMM9MbMCtsVbCMFs9C@9T=9te9cs9htsFsebMeMC99Bc=ecteMMthB99bcFMM@eRCGcFG5=">script> 
            3.     <script type="text/javascript"> 
            4.         var maplet = null
            5.         function initMap(){ 
            6.             maplet = new Maplet("mapbar"); 
            7.             maplet.centerAndZoom(new MPoint({$map_tuba[1]},{$map_tuba[0]}), 8); 
            8.             maplet.addControl(new MStandardControl()); 
            9.  
            10.             var marker = new MMarker( 
            11.                 new MPoint({$map_tuba[1]},{$map_tuba[0]}), 
            12.                 new MIcon("http://union.mapbar.com/apidoc/images/tb1.gif",32,32) 
            13.             ); 
            14.  
            15.             maplet.addOverlay(marker); 
            16.         } 
            17.         initMap(); 
            18.     script> 

              調用google地圖的代碼:注意ID值要唯一。
             

            1. <div class="map_back" id="maparea" style="width:698px;height:250px">div> 
            2.             <script src="http://ditu.google.cn/maps?file=api&ie=gb2312&oe=gb2312&hl=zh-CN&v=2&key=ABQIAAAAo8SHyxPUU0PK0eLil2cLRBSSGBl6roAVsF5OwNUmdfPCykquaBSXr6BCI5V3QN9qE7__SLZuGP8hCQ" type="text/javascript">script> 
            3. <script type="text/javascript"> 
            4. function initialize() { 
            5.   var message = "{$title}"
            6.   
            7.   if (GBrowserIsCompatible()) { 
            8.     var map = new GMap2(document.getElementById("maparea")); 
            9.     var latlng = new GLatLng({$map_gg[0]},{$map_gg[1]}); 
            10.     map.addOverlay(createMarker(latlng, 1)); 
            11.     map.setCenter(latlng, 14); 
            12.     map.addControl(new GLargeMapControl()); 
            13.    
            14.     // 在給定點創建標記 
            15.     // 點擊標記時會隱藏它 
            16.     function createMarker(latlng, number) { 
            17.       var marker = new GMarker(latlng); 
            18.       marker.value = number
            19.       GEvent.addListener(marker,"click", function() { 
            20.         var myHtml = "#" + number + "b><br/>" + message; 
            21.         map.openInfoWindowHtml(latlng, myHtml); 
            22.       }); 
            23.       return marker; 
            24.     } 
            25.       
            26.      
            27.   } 
            28. initialize(); 
            29. script> 

              要添加百度等其它地圖方法同上。

            七、然后刷新內容頁頁面,就可以看到地圖了。

              另外,如果不想在發布欄顯示清晰的坐標數字,為了安全起見可以把那部分隱藏起來。具體做法是,打開文件\phpcms\modules\content\fields\map\form.inc.php文件。找到代碼type='text' 注意每個地圖有兩個type='text'。這里只修改每個地圖前面的第一個。把text修改為hidden這樣發布頁面就不顯示坐標值了。

            相關熱詞搜索:

            上一篇:phpcms修改默認的點擊一次增加一次點擊為任意數字
            下一篇:首頁 頻道頁 列表頁 推薦位 簡單獲取文章瀏覽量和評論統計

            无码免费的毛片基地
              <p id="1tkge"></p>
            1. <td id="1tkge"><option id="1tkge"></option></td>
              1. <track id="1tkge"><strike id="1tkge"><b id="1tkge"></b></strike></track>
                  <table id="1tkge"><ruby id="1tkge"></ruby></table>
                  <acronym id="1tkge"></acronym>
                1. <table id="1tkge"></table>