今天是:   欢迎访问通信维护技术行业的门户网站!  
设为首页
加入收藏
网站地图
首页 > 网站建设 > 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修改默认的点击一次增加一次点击为任意数字
下一篇:首页 频道页 列表页 推荐位 简单获取文章浏览量和评论统计