SS7.5 黄页模型 带GG地图

无评论功能.      官方说暂时有BUG 评论被蔽掉了. 等正式版....



友情提示：请下载下面回帖中的MAP.RAR

添加黄页信息时  只支持前台投稿时 选择地图坐标

GG的. 忘了讲了


/templates/default/cp_models.html.php

1.                         <!--{loop $htmlarr $value}-->
   
2.                            <table width="100%" class="globalbox_border">
   
3.                                 <tbody>
   
4.                                 <tr>
   
5.                                                 <td width="14%" align="right">$value[subject]&nbsp;&nbsp;</td><td>$value[input]</td>
   
6.                                 </tr>
   
7.                                 <tr>
   
8.                                         <td>&nbsp;</td>
   
9.                                         <td><span class="color_gray">$value[help]<script>$value[js]</script></span></td>
   
10.                                 </tr>
    
11.                                 </tbody>
    
12.                         </table>
    
13.                                    <!--{/loop}-->

复制代码

修改为

1.                         <!--{loop $htmlarr $value}-->
   
2.             <!--{if $value[subject] != '地图地址'}-->
   
3.                         <table width="100%" class="globalbox_border">
   
4.                                 <tbody>
   
5.                                 <tr>
   
6.                                                 <td width="14%" align="right">$value[subject]&nbsp;&nbsp;</td><td>$value[input]</td>
   
7.                                 </tr>
   
8.                                 <tr>
   
9.                                         <td>&nbsp;</td>
   
10.                                         <td><span class="color_gray">$value[help]<script>$value[js]</script></span></td>
    
11.                                 </tr>
    
12.                                 </tbody>
    
13.                         </table>
    
14.             <!--{/if}-->
    
15.                         <!--{/loop}-->
    
16.             
    
17.             <!--{if $nameid == 'yellow'}-->
    
18.                         <table width="100%" class="globalbox_border">
    
19.                                 <tbody>
    
20.                                 <tr>
    
21.                                                 <td width="14%" align="right">地图标记</td><td><input type="button" name="btn_addMarker" id="btn_addMarker" disabled value="添加我在地图上的位置" onClick="AddMarker()" class="button" />
    
22.         <div id="d_map" style="background-color:#FFF;border:solid 6px gray;width:481px;margin-top:3px;">
    
23.                 <div style="width:480px; height:300px;background-color:#f3f3f3;" id="map_canvas"></div>
    
24.         </div>
    
25.         <input type="hidden" name="residecity" id="residecity" value="" />
    
26.         <input type="text" name="lng" id="lng" value="113.44834327697754" />
    
27.         <input type="text" name="lat" id="lat" value="30.36473852936801" />
    
28.         <input type="text" name="zoom" id="zoom" value="15" />
    
29. <!--注意：将下面的API换成你申请的API-->
    
30. <script src=http://ditu.google.com/maps?file=api&v=2&oe=gb2312&key=ABQIAAAA924VPq7txGbhFimijEmkDRT1kIzdldF04I1d7msjci4UNbuNvRSiT2Co5jh1WyXN1izMcZ4RGaUMBw
    
31. type="text/javascript"></script>
    
32. <script type="text/javascript">
    
33. var myMap;
    
34. var myMarker;
    
35. var geocoder = null;
    
36. window.onload = function() {
    
37. if (GBrowserIsCompatible()) {
    
38. myMap = new GMap2(document.getElementById("map_canvas"));
    
39. var center = new GLatLng(30.36473852936801,113.44834327697754); //注意替换掉你默认的地理位置坐标值。
    
40. myMap.addControl(new GLargeMapControl3D());
    
41. myMap.addControl(new GScaleControl());
    
42. myMap.enableScrollWheelZoom();
    
43. geocoder = new GClientGeocoder();
    
44. 
    
45. if (document.getElementById("lat").value == ""){
    
46. myMap.setCenter(center, 15);     //这个地方就是可以修改到显示多少级别的，如果想显示到街道级别，把11改为16就可以了。
    
47. document.getElementById("btn_addMarker").disabled = false;
    
48. }
    
49. else{
    
50. var _lat = document.getElementById("lat").value;
    
51. var _lng = document.getElementById("lng").value;
    
52. var _zoom = document.getElementById("zoom").value;
    
53. var _center = new GLatLng(_lat,_lng);
    
54. myMap.setCenter(_center,parseInt(_zoom));
    
55. document.getElementById("btn_addMarker").disabled = true;
    
56. Mark(_lat,_lng);
    
57. }
    
58. }
    
59. }
    
60. 
    
61. function Mark(lat,lng){
    
62. myMarker = new GMarker(new GLatLng(lat,lng), {draggable: true});
    
63. GEvent.addListener(myMarker, "click", function() {
    
64. myMarker.openInfoWindowHtml("<b>拖动气球，标记你所在的地理位置！</b><p>拖动左边的比例尺可以缩放地图</p><a href='javascript:void(0);' onclick='DeleteMarker()'>删除标记</a>");
    
65. });
    
66. GEvent.addListener(myMarker, "dragstart", function() {
    
67. myMarker.closeInfoWindow();
    
68. });
    
69. GEvent.addListener(myMarker, "dragend", function() {
    
70. var gll = myMarker.getLatLng();
    
71. document.getElementById("lat").value = gll.lat();
    
72. document.getElementById("lng").value = gll.lng();
    
73. document.getElementById("zoom").value = myMap.getZoom();
    
74. myMarker.openInfoWindowHtml("<b>拖动气球，标记你所在的地理位置！</b><p>拖动左边的比例尺可以缩放地图</p><a href='javascript:void(0);' onclick='DeleteMarker()'>删除标记</a>");
    
75. });
    
76. 
    
77. myMap.addOverlay(myMarker);
    
78. myMarker.openInfoWindowHtml("<b>拖动气球，标记你所在的地理位置！</b><p>拖动左边的比例尺可以缩放地图</p><a href='javascript:void(0);' onclick='DeleteMarker()'>删除标记</a>");
    
79. }
    
80. function AddMarker(){
    
81. document.getElementById("btn_addMarker").disabled = true;
    
82. 
    
83. var ll = myMap.getCenter();
    
84. document.getElementById("lat").value = ll.lat();
    
85. document.getElementById("lng").value = ll.lng();
    
86. document.getElementById("zoom").value = myMap.getZoom();
    
87. Mark(ll.lat(),ll.lng());
    
88. }
    
89. 
    
90. document.getElementById("residecity").onchange=function AutoMarker(){
    
91. var tmpprovince=document.getElementById("resideprovince").value;
    
92. var tmpcity=document.getElementById("residecity").value;
    
93. var tmpAddress;
    
94. tmpAddress=tmpprovince + tmpcity;
    
95. if (geocoder) {
    
96. geocoder = new GClientGeocoder();
    
97.         geocoder.getLatLng(
    
98.           tmpAddress,
    
99.           function(point) {
    
100.             if (!point) {
     
101.               alert("iii，Google居然找不到：" + tmpAddress);
     
102.             } else {
     
103. document.getElementById("btn_addMarker").disabled = true;
     
104. myMap.clearOverlays()
     
105. Mark(point.y,point.x);            
     
106.             }
     
107.           }
     
108.         );
     
109.       }
     
110. }
     
111. 
     
112. function DeleteMarker(){
     
113. document.getElementById("btn_addMarker").disabled = false;
     
114. myMap.removeOverlay(myMarker);
     
115. var gll = myMarker.getLatLng();
     
116. document.getElementById("lat").value = "";
     
117. document.getElementById("lng").value = "";
     
118. document.getElementById("zoom").value = "";
     
119. }
     
120. </script></td></tr></tbody></table>                        <!--{/if}-->
     

复制代码

其中 key=ABQIAAAA924VPq7txGbhFimijEmkDRT1kIzdldF04I1d7msjci4UNbuNvRSiT2Co5jh1WyXN1izMcZ4RGaUMBw  换成你自己的. 是GG的地图使用KEY,到GG去申请

黄页内容查看页面view.html.php 内的KEY同样要修改.


地图代码中的   new GLatLng(30.36473852936801,113.44834327697754)  以及         <input type="text" name="lng" id="lng" value="113.44834327697754" />
        <input type="text" name="lat" id="lat" value="30.36473852936801" /> 修改成你自己所在区域的中心坐标


下面的附件  解压后放在IMAGES目录下, 是地区相关的图片和JS

太牛了，感谢！！！！！

示范站给出来看看啊。

真是不错呀

佩服啊，好牛啊~~~学习

学习学习