source: extensions/edit_gmaps/admin/admin_edit.tpl @ 5063

Revision 5063, 8.6 KB checked in by cljosse, 10 years ago (diff)

[Edit_gmaps] update earth function

Line 
1{html_head}
2{* $Id: info_deroulante.tpl 3723 2009-08-07 04:53:38Z rvelices $ *}
3
4{known_script id="jquery.cluetip" src=$ROOT_URL|@cat:"template-common/lib/plugins/jquery.cluetip.js"}
5
6
7<script type="text/javascript">
8jQuery().ready(
9  function(){ldelim}
10  jQuery('.cluetip').cluetip({ldelim}
11    width: 300,
12    splitTitle: '|'
13   }
14  );
15 }
16);
17</script>
18
19{if $lat}
20<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key={$GMAPS_API_KEY}&amp;hl={$lang_info.code}" type="text/javascript"></script>
21 
22<script src="plugins/rv_gmaps/template/windows_13/javascripts/prototype.js" type="text/javascript"></script>
23
24
25<style type="text/css">{literal}
26
27#map2{   
28left:0px;
29 width:250px
30}
31#mapPicture{
32
33width:100px ;
34 border:outset;
35 height:100px;
36}
37#map{ float:left;
38 top:20px;
39 right:0px;
40  width:500px;
41  height:500px;
42 border:outset;
43}
44
45
46{/literal}
47</style>
48{/if}
49{/html_head}
50
51<fieldset>
52  <legend>{'Display options'|@translate}</legend>
53  <table ><td class="cluetip" title="{'set'|translate}|{'hlp_line1'|@translate}." align="left"  >
54<form>
55Set:
56<select onchange="document.location = this.options[this.selectedIndex].value;"   >
57  <optgroup label="Specials">
58    {html_options options=$specials}
59  </optgroup>
60  <optgroup label="{'Categories'|@translate}">
61        {html_options options=$categories selected=$categories_selected}
62  </optgroup>
63  <!-- <optgroup label="{'Tags'|@translate}"></optgroup> -->
64</select>
65</form>
66</td>
67<td > {'hlp_line2'|@translate} </td>
68
69</table>
70
71
72  <p>{'elements per page'|@translate}:
73      <a href="{$U_DISPLAY}&amp;display=20">20</a>
74    | <a href="{$U_DISPLAY}&amp;display=50">50</a>
75    | <a href="{$U_DISPLAY}&amp;display=100">100</a>
76    | <a href="{$U_DISPLAY}&amp;display=all">{'all'|@translate}</a>
77  </p>
78</fieldset>
79
80
81<form action="" method="post" id="Envoie" name="Envoie"   >
82
83<fieldset>
84        <legend>{'Elements'|@translate}</legend>
85
86        <div class="navigationBar">{$NAV_BAR}</div>
87  {if not empty($thumbnails)}
88        <ul class="thumbnails">
89                {foreach from=$thumbnails item=thumbnail}
90                <li><span class="wrap1">
91                        <label>
92                                <span class="wrap2"><span>
93                                        <img src="{$thumbnail.U_TN}" alt="{$thumbnail.file}" title="{$thumbnail.TITLE}" class="thumbnail" />
94                                </span></span>
95                                <input type="checkbox" name="selection[]" value="{$thumbnail.id}" />
96                        </label>
97
98                        <span class="thumbLegend">
99                        {if isset($thumbnail.U_MAP)}
100                        <a href="{$thumbnail.U_MAP}" target="_blank">{$thumbnail.lat},{$thumbnail.lon}</a>
101                        {/if}
102                        </span>
103
104                        </span>
105                </li>
106                {/foreach}
107        </ul>
108        {/if}
109</fieldset>
110
111<!--/===================================================================================-->
112
113<fieldset>
114<legend>{'map'|@translate}</legend>
115 
116<input class="cluetip" title="{'selection'|@translate}|{'hlp_line3'|@translate}." type="submit" name="submit" value="{'selection'|@translate}" />
117<input class="cluetip" title="{'reset'|@translate}|{'hlp_line4'|@translate}."  type="submit" name="submit" value="{'reset'|@translate}" /><br />
118
119<input class="cluetip" title="{'search_title'|@translate}|{'hlp_line6'|@translate}."  type="submit" name="submit" value="{'search_title'|@translate}" />
120<input class="cluetip" title="{'lieu'|@translate}|{'hlp_line5'|@translate}." type="text" size="70"   value="{$match}"  name="match"    />
121{if $lat}
122<div id="map"></div>
123{if not empty($Selectthumbnails)}
124        <ul class="thumbnails">
125                {foreach from=$Selectthumbnails item=thumbnail}
126                 
127                        <li><span class="wrap1">
128                                <label>
129                                        <span class="wrap2"><span>
130                                                <img src="{$thumbnail.U_TN}" alt="{$thumbnail.file}" title="{$thumbnail.TITLE}" class="thumbnail" />
131                                        </span>
132                                       
133                                        </span>
134                                        <br/>
135</label>
136                                <input type="hidden"  value={$thumbnail.id}  name="selection[]"    />
137                               
138                               
139                               
140                                <span class="thumbLegend">
141                                {if isset($thumbnail.U_MAP)}
142                                        <a href="{$thumbnail.U_MAP}" target="_blank">{$thumbnail.lat},{$thumbnail.lon}</a>
143                                {/if}
144                                {$thumbnail.file} 
145                                </span>
146
147                                </span>
148                        </li>
149                       
150                {/foreach}
151        </ul>
152        {/if}
153
154 <script src="dragzoom.js" type="text/javascript"></script>
155<script type="text/javascript">
156
157{literal}
158 //<![<!--CDATA[
159 var map;
160var      controleMiniCarte ;
161function ajoutControle(newZoom){
162
163if (newZoom < 5) return ;
164
165 var vt1=typeof(controleMiniCarte) ;
166if (vt1=="undefined"   ) {
167
168  controleMiniCarte = new google.maps.OverviewMapControl(new google.maps.Size(300,200));
169 // controleMiniCarte.setMapType(G_PHYSICAL_MAP);
170  map.addControl(controleMiniCarte);
171 
172      } 
173}
174
175function onLoad()
176{
177  if (!GBrowserIsCompatible())   return;
178  var mapElement = document.getElementById("map");
179  map = new GMap2(document.getElementById("map"),{mapTypes: [G_SATELLITE_MAP,G_HYBRID_MAP,G_NORMAL_MAP,G_PHYSICAL_MAP,G_SATELLITE_3D_MAP]});
180        map.addControl(new GLargeMapControl3D());
181 
182  map.addControl(new GMapTypeControl());
183  map.addControl(new GScaleControl());
184<!--  map.enableScrollWheelZoom();-->
185<!--  map.enableDoubleClickZoom();-->
186{/literal}
187{if isset($lat)}{/if}
188var coord = new GLatLng( {$lat}, {$lon} );
189
190  Ma_position=coord;
191  var echelle=18;
192if ({$lat}=='49' && {$lon}=='3' )   echelle=4;
193 
194  map.setCenter( coord, echelle);
195
196   var marker = new GMarker(coord,  {ldelim} draggable: true});
197 
198
199 
200  map.addOverlay(marker);
201
202{literal}
203  if ( !map.isLoaded() )    map.setCenter( new GLatLng(49,3), 4);
204 try {
205    // the overview must be added after setting map center
206    //var ovcontrol = new GOverviewMapControl(new GSize(165,165));
207//              map.addControl(ovcontrol);
208            GEvent.addListener(map, "zoomend", function() {
209                     var        newZoom = map.getZoom();
210                 ajoutControle(newZoom);
211                        } );
212                GEvent.addListener(map, 'maptypechanged', function(){
213           if (typeof(controleMiniCarte)!="undefined"   ) {
214             var ov_map = controleMiniCarte.getOverviewMap();
215                        if (ov_map) ov_map.setMapType(map.getCurrentMapType() );
216                        }
217                });
218                }
219  catch(e){ alert( e.message ); }
220 
221GEvent.addListener(marker, "dragstart", function(overlay,latlng) {
222   marker.closeInfoWindow();
223                });
224               
225GEvent.addListener(marker, "dragend", function() {
226var latlng = marker.getPoint();
227
228  /*          var myHtml = "Nouvelle position:"+  "<input    type=\"text\" name=\"lat\" value="+latlng.lat()+" /><input   type=\"text\" name=\"lon\" value="+latlng.lng()+" /> ";       
229             map.openInfoWindow(latlng, myHtml);       
230*/
231                                document.Envoie.lat.value=latlng.lat() ;
232                                document.Envoie.lon.value=latlng.lng() ;
233  });
234GEvent.addListener(map,"click", function(overlay,latlng)
235            {
236 if (overlay) { return; }
237            var myHtml = "<input    type=\"text\" name=\"lat\" value="+latlng.lat()+" /><input   type=\"text\" name=\"lon\" value="+latlng.lng()+" /> ";       
238             map.openInfoWindow(latlng, myHtml);       
239
240                {/literal}
241                                document.Envoie.lat.value=latlng.lat() ;
242                                document.Envoie.lon.value=latlng.lng() ;
243
244                               
245                               
246
247
248                {literal}       
249            }
250                        );
251                         
252                                 
253
254 
255
256}
257
258function blowupUrl(theUrl)
259{
260  var win = new Window({
261    title: document.title,
262    url: theUrl,
263    classname: "alphacube",
264    left: 0, top: 0,
265    width:"640", height:"480",
266    minimizable: false,
267    maximizable: false,
268    draggable: false,
269    resizable: false,
270    destroyOnClose: true,
271    hideEffect: Element.hide,
272    showEffectOptions: {duration:1.5}
273  });
274
275  win.setConstraint(true, {top:20, left:20, bottom:30, right:20} );
276  win.maximize();
277  win.showCenter(true, 20, 20);
278 
279  return false;
280}
281
282function $(element) {
283  if (arguments.length > 1) {
284    for (var i = 0, elements = [], length = arguments.length; i < length; i++)
285      elements.push($(arguments[i]));
286    return elements;
287  }
288  if (Object.isString(element))
289    element = document.getElementById(element);
290  return Element.extend(element);
291}
292
293 Event.observe(window, 'load', onLoad );
294 Event.observe(window, 'unload', GUnload );
295//]-->]>
296{/literal}
297 
298</script>
299
300{/if}
301
302</fieldset>
303
304
305<fieldset>
306  <legend>{'Form'|@translate}</legend>
307
308 
309  <label>Latitude (-90=S to 90=N)
310    <input type="text" size="8" value="{$lat}"  name="lat" />
311  </label>
312  <label>Longitude (-180=E to 180=W)
313    <input type="text" size="9"value="{$lon}"  name="lon"  />
314  </label>
315 
316  <p>
317    {'target'|@translate}
318    <label><input type="radio" name="target" value="all" /> {'all'|@translate}</label>
319    <label><input type="radio" name="target" value="selection" checked="checked" /> {'selection'|@translate}</label>
320  </p>
321
322  <p><input class="submit" type="submit" value="{'Submit'|@translate}" name="submit" {$tag_input_enabled} /></p>
323</fieldset>
324
325</form>
Note: See TracBrowser for help on using the repository browser.