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

Last change on this file since 5062 was 5062, checked in by cljosse, 11 years ago

[Edit_gmaps] make markers draggable

File size: 8.6 KB
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
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}       
174function onLoad()
175{
176  if (!GBrowserIsCompatible())   return;
177  var mapElement = document.getElementById("map");
178  var map = new GMap2(document.getElementById("map"),{mapTypes: [G_SATELLITE_MAP,G_HYBRID_MAP,G_NORMAL_MAP,G_PHYSICAL_MAP,G_SATELLITE_3D_MAP]});
179        map.addControl(new GLargeMapControl3D());
180 
181  map.addControl(new GMapTypeControl());
182  map.addControl(new GScaleControl());
183<!--  map.enableScrollWheelZoom();-->
184<!--  map.enableDoubleClickZoom();-->
185{/literal}
186{if isset($lat)}{/if}
187var coord = new GLatLng( {$lat}, {$lon} );
188
189  Ma_position=coord;
190  var echelle=18;
191if ({$lat}=='49' && {$lon}=='3' )   echelle=4;
192 
193  map.setCenter( coord, echelle);
194
195   var marker = new GMarker(coord,  {ldelim} draggable: true});
196 
197
198 
199  map.addOverlay(marker);
200
201{literal}
202  if ( !map.isLoaded() )
203    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
209//      var ov_map = ovcontrol.getOverviewMap();
210            GEvent.addListener(map, "zoomend", function() {
211                     var        newZoom = map.getZoom();
212                 ajoutControle(newZoom);
213                        } );
214                GEvent.addListener(map, 'maptypechanged', function(){
215                 
216                if (typeof(controleMiniCarte)=="undefined"   ) return;
217                                var ov_map = controleMiniCarte.getOverviewMap();
218                        ov_map.setMapType(map.getCurrentMapType());
219                         
220                       
221                });
222               
223  }
224  catch(e){ alert( e.message ); }
225 
226GEvent.addListener(marker, "dragstart", function(overlay,latlng) {
227   marker.closeInfoWindow();
228                });
229               
230GEvent.addListener(marker, "dragend", function() {
231var latlng = marker.getPoint();
232
233  /*          var myHtml = "Nouvelle position:"+  "<input    type=\"text\" name=\"lat\" value="+latlng.lat()+" /><input   type=\"text\" name=\"lon\" value="+latlng.lng()+" /> ";       
234             map.openInfoWindow(latlng, myHtml);       
235*/
236                                document.Envoie.lat.value=latlng.lat() ;
237                                document.Envoie.lon.value=latlng.lng() ;
238  });
239GEvent.addListener(map,"click", function(overlay,latlng)
240            {
241 if (overlay) { return; }
242            var myHtml = "<input    type=\"text\" name=\"lat\" value="+latlng.lat()+" /><input   type=\"text\" name=\"lon\" value="+latlng.lng()+" /> ";       
243             map.openInfoWindow(latlng, myHtml);       
244
245                {/literal}
246                                document.Envoie.lat.value=latlng.lat() ;
247                                document.Envoie.lon.value=latlng.lng() ;
248
249                               
250                               
251
252
253                {literal}       
254            }
255                        );
256                         
257                                 
258
259 
260
261}
262
263function blowupUrl(theUrl)
264{
265  var win = new Window({
266    title: document.title,
267    url: theUrl,
268    classname: "alphacube",
269    left: 0, top: 0,
270    width:"640", height:"480",
271    minimizable: false,
272    maximizable: false,
273    draggable: false,
274    resizable: false,
275    destroyOnClose: true,
276    hideEffect: Element.hide,
277    showEffectOptions: {duration:1.5}
278  });
279
280  win.setConstraint(true, {top:20, left:20, bottom:30, right:20} );
281  win.maximize();
282  win.showCenter(true, 20, 20);
283 
284  return false;
285}
286
287function $(element) {
288  if (arguments.length > 1) {
289    for (var i = 0, elements = [], length = arguments.length; i < length; i++)
290      elements.push($(arguments[i]));
291    return elements;
292  }
293  if (Object.isString(element))
294    element = document.getElementById(element);
295  return Element.extend(element);
296}
297
298 Event.observe(window, 'load', onLoad );
299 Event.observe(window, 'unload', GUnload );
300//]-->]>
301{/literal}
302 
303</script>
304
305{/if}
306
307</fieldset>
308
309
310<fieldset>
311  <legend>{'Form'|@translate}</legend>
312
313 
314  <label>Latitude (-90=S to 90=N)
315    <input type="text" size="8" value="{$lat}"  name="lat" />
316  </label>
317  <label>Longitude (-180=E to 180=W)
318    <input type="text" size="9"value="{$lon}"  name="lon"  />
319  </label>
320 
321  <p>
322    {'target'|@translate}
323    <label><input type="radio" name="target" value="all" /> {'all'|@translate}</label>
324    <label><input type="radio" name="target" value="selection" checked="checked" /> {'selection'|@translate}</label>
325  </p>
326
327  <p><input class="submit" type="submit" value="{'Submit'|@translate}" name="submit" {$tag_input_enabled} /></p>
328</fieldset>
329
330</form>
Note: See TracBrowser for help on using the repository browser.