今天是:
歡迎訪問通信維護技術行業的門戶網站!
首頁 > 網站建設 > 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
- <div class="map_back" id="map51" style="width:698px;height:250px">div>
- <script language='javascript' src='http://api.51ditu.com/js/maps.js'>script>
- <script language='javascript'>
- var maps = new LTMaps( 'map51' );
- maps.centerAndZoom(new LTPoint({$map_51[0]},{$map_51[1]}),{$map_51[2]});
- var c = new LTSmallMapControl();
- maps.addControl(c);
- var point = new LTPoint( {$map_51[0]} , {$map_51[1]} );
- var marker = new LTMarker( point );
- maps.addOverLay( marker );
- var text = new LTMapText( marker );
- text.setLabel( '{$title}' );
- maps.addOverLay( text );
- script>
調用圖吧地圖的代碼:
這里我添加字段的時候用的是map_tuba,所以下面調用的時候就一定要一致,也要使用map_tuba
- <div class="map_back" id="mapbar" style="width:698px;height:250px">div>
- <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>
- <script type="text/javascript">
- var maplet = null;
- function initMap(){
- maplet = new Maplet("mapbar");
- maplet.centerAndZoom(new MPoint({$map_tuba[1]},{$map_tuba[0]}), 8);
- maplet.addControl(new MStandardControl());
- var marker = new MMarker(
- new MPoint({$map_tuba[1]},{$map_tuba[0]}),
- new MIcon("http://union.mapbar.com/apidoc/images/tb1.gif",32,32)
- );
- maplet.addOverlay(marker);
- }
- initMap();
- script>
調用google地圖的代碼:注意ID值要唯一。
- <div class="map_back" id="maparea" style="width:698px;height:250px">div>
- <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>
- <script type="text/javascript">
- function initialize() {
- var message = "{$title}";
- if (GBrowserIsCompatible()) {
- var map = new GMap2(document.getElementById("maparea"));
- var latlng = new GLatLng({$map_gg[0]},{$map_gg[1]});
- map.addOverlay(createMarker(latlng, 1));
- map.setCenter(latlng, 14);
- map.addControl(new GLargeMapControl());
- // 在給定點創建標記
- // 點擊標記時會隱藏它
- function createMarker(latlng, number) {
- var marker = new GMarker(latlng);
- marker.value = number;
- GEvent.addListener(marker,"click", function() {
- var myHtml = "#" + number + "b><br/>" + message;
- map.openInfoWindowHtml(latlng, myHtml);
- });
- return marker;
- }
- }
- }
- initialize();
- script>
要添加百度等其它地圖方法同上。
七、然后刷新內容頁頁面,就可以看到地圖了。
另外,如果不想在發布欄顯示清晰的坐標數字,為了安全起見可以把那部分隱藏起來。具體做法是,打開文件\phpcms\modules\content\fields\map\form.inc.php文件。找到代碼type='text' 注意每個地圖有兩個type='text'。這里只修改每個地圖前面的第一個。把text修改為hidden這樣發布頁面就不顯示坐標值了。
相關熱詞搜索:
上一篇:phpcms修改默認的點擊一次增加一次點擊為任意數字
下一篇:首頁 頻道頁 列表頁 推薦位 簡單獲取文章瀏覽量和評論統計
評論排行
- ·中國移動2G退網的可能性有多大?(1)