source: extensions/rv_gmaps/trunk/template/map.tpl @ 12698

Last change on this file since 12698 was 12698, checked in by rvelices, 12 years ago

rv_gmaps towards full maps api v3 migration (still to test)
  • Property svn:eol-style set to LF
File size: 7.9 KB
Line 
1<!DOCTYPE html>
2<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
3<head>
4<meta http-equiv="content-type" content="text/html; charset={$CONTENT_ENCODING}" />
5<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
6<meta name="robots" content="noindex,nofollow" />
7<title>{$GALLERY_TITLE}</title>
8
9<script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;language={$lang_info.code}" type="text/javascript"></script>
10
11{combine_script id='jquery' load='header' path='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js'}
12{combine_script id='jquery.nyroModal' load='async' path="`$PLUGIN_LOCATION`/template/nyroModal/jquery.nyroModal-1.6.2.js" version='1.6.2'}
13{combine_css path="`$PLUGIN_LOCATION`/template/style.css" version=$RVM_PLUGIN_VERSION}
14{combine_css path="`$PLUGIN_LOCATION`/template/nyroModal/nyroModal.css" version=$RVM_PLUGIN_VERSION}
15
16{combine_script id='rvm.dl' load='header' path="`$PLUGIN_LOCATION`/template/data_loader.js" version=$RVM_PLUGIN_VERSION}
17{combine_script id='rvm.dh' load='header' path="`$PLUGIN_LOCATION`/template/data_handler.js" version=$RVM_PLUGIN_VERSION}
18{combine_script id='rvm.pl' load='header' path="`$PLUGIN_LOCATION`/template/page_linker.js" version=$RVM_PLUGIN_VERSION}
19{combine_script id='core.scripts' load='header' path='themes/default/js/scripts.js'}
20
21{get_combined_css}
22{get_combined_scripts load='header'}
23
24<!--[if IE]>
25<style type="text/css">
26v\:* {ldelim}
27  behavior:url(#default#VML);
28}
29</style>
30<![endif]-->
31<!--[if lt IE 7]>
32<style type="text/css">
33        #map {ldelim} position:auto; height: 100%; }
34</style>
35<![endif]-->
36
37
38
39<script type="text/javascript">{literal}
40//<![CDATA[
41var map;
42var geocoder;
43
44document.is_debug = false;
45if ( document.location.search.match(/[\?&]debug/) ) {
46        document.is_debug = true;
47        document._window = window;
48}
49
50function glog(msg) {
51        if (console)
52        {
53                console.debug(msg + " b="+map.getBounds().toUrlValue() + " c="+map.getCenter().toUrlValue() + " z="+map.getZoom() );
54        }
55}
56
57function load()
58{
59        var mapOptions = {
60                mapTypeId: google.maps.MapTypeId.ROADMAP,
61                overviewMapControl: true
62        }
63
64        if (1/*!PageLinker.url2Map(mapOptions)*/)
65        {
66{/literal}
67                {if isset($initial_bounds)}
68                mapOptions.iniBounds = new google.maps.LatLngBounds( new google.maps.LatLng({$initial_bounds.s},{$initial_bounds.w}), new google.maps.LatLng({$initial_bounds.n},{$initial_bounds.e}) );
69                mapOptions.center = mapOptions.iniBounds.getCenter();
70                {else}
71                        mapOptions.center = new google.maps.LatLng(0,0);
72                        mapOptions.zoom = 2;
73                {/if}
74{literal}
75        }
76
77        map = new google.maps.Map( document.getElementById("map"), mapOptions );
78       
79        if (mapOptions.iniBounds)
80                map.fitBounds(mapOptions.iniBounds);
81
82        if (document.is_debug)
83        {
84                google.maps.event.addListener(map, "idle", function() { glog("idle"); });
85                google.maps.event.addListener(map, "bounds_changed", function() { glog("bounds_changed");} );
86                google.maps.event.addListener(map, "center_changed", function() { glog("center_changed");} );
87                google.maps.event.addListener(map, "maptypeid_changed", function() { glog("maptypeid_changed");} );
88                google.maps.event.addListener(map, "zoom_changed", function() { glog("zoom_changed");} );
89                google.maps.event.addListener(map, "drag", function() { glog("drag");} );
90        }
91
92        pwgPageLinker = new PageLinker(map, "aLinkToThisPage" );
93
94        var pwgMarkerOptions = (function(){ {/literal}{$MAP_MARKER_ICON_JS}{literal} }).call(null);
95
96        map.pwgDataLoader = new PwgDataLoader(map, {rectangle_of_confusion: pwgMarkerOptions.roc} );
97        google.maps.event.addListener(map.pwgDataLoader, "dataloading", function() {
98                var pre = '<img src="{/literal}{$PLUGIN_ROOT_URL}{literal}/icons/progress_s.gif" width="16" height="16" alt="~" /> ';
99                document.getElementById("dataLoadStatus").innerHTML = pre + Localization.get("Loading");
100                }
101        );
102 
103        google.maps.event.addListener(map.pwgDataLoader, "dataloadfailed", function(responseCode) {
104                document.getElementById("dataLoadStatus").innerHTML = Localization.get("Failed") + " "+responseCode;
105                }
106                );
107
108        map.pwgDataHandler = new PwgDataHandler(map, {icon: pwgMarkerOptions, show_all_img_src: "{/literal}{$PLUGIN_ROOT_URL}{literal}/icons/pic_s.gif" } );
109        google.maps.event.addListener(map.pwgDataLoader, "dataloaded", pwgBind(map.pwgDataHandler, map.pwgDataHandler.handle) );
110
111        map.pwgDataLoader.start( "{/literal}{$U_MAP_DATA}{literal}" );
112}
113
114function unload()
115{
116        if (map)
117        {
118                !map.pwgDataLoader || map.pwgDataLoader.terminate();
119                !map.pwgDataHandler || map.pwgDataHandler.terminate();
120        }
121}
122
123function searchLocation(q)
124{
125        if (!q.length) return false;
126        if (!geocoder)
127                geocoder = new google.maps.Geocoder();
128        geocoder.geocode(q, function(results, status) {
129                document._geoResponse = results;
130                if ( status == google.maps.GeocoderStatus.OK )
131                {
132                        map.fitBounds( results[0].geometry.viewport );
133                }
134          else
135                        alert("This address has not been found\nCode: "+status);
136        });
137        return false;
138}
139
140
141var Localization =
142{
143  _strings: {
144{/literal}
145"go to %s": "{'go to %s'|@translate|@escape:javascript}",
146"Next": "{'Next'|@translate|@escape:javascript}",
147"Prev": "{'Prev'|@translate|@escape:javascript}",
148"out of %d": "{'out of %d'|@translate|@escape:javascript}",
149"Loading": "{'Loading'|@translate|@escape:javascript}",
150"Failed": "{'Failed'|@translate|@escape:javascript}",
151"Show all": "{'Show all'|@translate|@escape:javascript}",
152"show all photos around this location": "{'show all photos around this location'|@translate|@escape:javascript}",
153"displays %s on a map" : "{'displays %s on a map'|@translate|@escape:javascript}",
154"opens %s in Google Earth" : "{'opens %s in Google Earth'|@translate|@escape:javascript}",
155"%d photos" : "{'%d photos'|@translate|@escape:javascript}",
156{literal}
157dontMindTheComma: ""
158    },
159
160  get: function( str ) {
161                var lang_str = this._strings[str];
162                if (lang_str == undefined)
163                {
164                        if (document.is_debug) google.maps.Log.write("Language string undefined '"+ str+"'");
165                        return str;
166                }
167                return lang_str;
168        },
169
170  getQ: function( str ) {
171                return '"'+this.get(str)+'"';
172        },
173
174  fmt1: function () {
175                var str = arguments[0];
176                str = this.get(str);
177                str = str.replace( '%s', "%" ).replace( '%d', "%" ).replace('%', arguments[1]);
178                return str;
179               
180        }
181}
182{/literal}
183//]]>
184</script>
185</head>
186
187<body onload="load()" onunload="unload()">
188
189<div id="titlebar">
190  <div class="titlebar_links" >
191    <span id="dataLoadStatus"></span>
192    <a id="aKml" href="" type="application/vnd.google-earth.kml+xml" class="gmnoprint"><img src="http://maps.google.com/mapfiles/ms/view_as_kml.png" width="16" height="16" alt="kml" /> <span>KML</span></a>
193    <a id="aLinkToThisPage" href="" class="gmnoprint"><img src="http://maps.google.com/mapfiles/bar_icon_link.gif" alt="&lt;-&gt;" width="16" height="16" /> <span>{'Link to this page'|@translate}</span></a>
194    <a id="aBlowup" href="" onclick="return PwgDataHandler.blowupUrl(this.href);" class="gmnoprint" title="{'show all photos around this location'|@translate}">
195                        <img src="{$PLUGIN_ROOT_URL}/icons/pic_s.gif" alt="" title="{'show all photos around this location'|@translate}" />
196                        <span>{'Show all'|@translate}</span>
197                </a>
198    <span class="gmnoprint">
199                        <form action="#" onsubmit="if (this.q.value!='' &amp;&amp; this.q.value!='{'Search a location...'|@translate|@escape:javascript}') searchLocation(this.q.value);return false;">
200                                <input type="text" size="32" name="q"
201                                        value="{'Search a location...'|@translate}"
202                                        onfocus="if (value=='{'Search a location...'|@translate|@escape:javascript}') value='';"
203                                        onblur="if (value=='') value='{'Search a location...'|@translate|@escape:javascript}'" />
204                                <input type="submit" value="{'Search'|@translate}"/>
205                        </form>
206                </span>
207  </div>
208  <div class="titlebar_title">
209    <a href="{$U_HOME}" class="gmnoprint">{'Home'|@translate}</a>
210    <a href="{$U_HOME_MAP}" title="{'displays all photos on a map'|@translate}"><img src="{$PLUGIN_ROOT_URL}/icons/map_sw.gif" width="32" height="17" alt="map"/></a>
211    {'Viewing'|@translate}: <a id="aPageUrl" href=""></a>
212  </div>
213</div>
214
215<div id="map"> </div>
216</body>
217{get_combined_scripts load='footer'}
218</html>
Note: See TracBrowser for help on using the repository browser.