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

Last change on this file since 28777 was 28777, checked in by rvelices, 10 years ago

rv_gmaps jquery version

  • Property svn:eol-style set to LF
File size: 7.4 KB
Line 
1<!DOCTYPE html>
2<html>
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="//maps.googleapis.com/maps/api/js?sensor=false&amp;language={$lang_info.code}&amp;libraries=places" type="text/javascript"></script>
10{combine_script id='jquery' load='header' path='//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'}
11{combine_script id='jquery.colorbox' load='async' require='jquery' path='themes/default/js/plugins/jquery.colorbox.min.js'}
12{combine_css path="`$PLUGIN_LOCATION`/template/style.css" version=$RVM_PLUGIN_VERSION}
13{combine_css path='themes/default/js/plugins/colorbox/style2/colorbox.css'}
14{combine_script id='rvm.dl' load='header' path="`$PLUGIN_LOCATION`/template/data_loader.js" version=$RVM_PLUGIN_VERSION}
15{combine_script id='rvm.dh' load='header' path="`$PLUGIN_LOCATION`/template/data_handler.js" version=$RVM_PLUGIN_VERSION}
16{combine_script id='rvm.pl' load='header' path="`$PLUGIN_LOCATION`/template/page_linker.js" version=$RVM_PLUGIN_VERSION}
17{combine_script id='rvm.st' load='header' path="`$PLUGIN_LOCATION`/template/styler.js" version=$RVM_PLUGIN_VERSION}
18{combine_script id='core.scripts' load='header' path='themes/default/js/scripts.js'}
19{get_combined_css}
20{get_combined_scripts load='header'}
21<!--[if lt IE 7]>
22<style type="text/css">
23        #map {ldelim} position:auto; height: 100%; }
24</style>
25<![endif]-->
26
27<script type="text/javascript">
28//<![CDATA[
29var map;
30
31document.is_debug = false;
32if ( document.location.search.match(/[\?&]debug/) )
33        document.is_debug = true;
34
35function glog(msg) {
36        if (console) {
37                var b = map.getBounds();
38                if (b)
39                        console.log(msg + " b="+b.toUrlValue() + " c="+map.getCenter().toUrlValue() + " z="+map.getZoom() );
40                else
41                        console.log(msg);
42        }
43}
44
45function positionMap(){
46        $("#map").css('top', ($("#titlebar").height())+"px");
47}
48
49function load()
50{
51        var mapOptions = {
52                mapTypeId: google.maps.MapTypeId.{$MAP_TYPE},
53                overviewMapControl: true,
54                overviewMapControlOptions: { opened: document.documentElement.offsetWidth>640}
55        }
56
57        if (!PageLinker.url2Map(mapOptions))
58        {
59{if isset($initial_bounds)}
60                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}) );
61                mapOptions.center = mapOptions.iniBounds.getCenter();
62{else}
63                mapOptions.center = new google.maps.LatLng(0,0);
64                mapOptions.zoom = 2;
65{/if}
66        }
67
68        map = new google.maps.Map( document.getElementById("map"), mapOptions );
69       
70        if (mapOptions.iniBounds)
71                map.fitBounds(mapOptions.iniBounds);
72
73{if isset($smarty.get.debug)}
74        google.maps.event.addListener(map, "idle", function() { glog("idle"); });
75        google.maps.event.addListener(map, "bounds_changed", function() { glog("bounds_changed");} );
76        google.maps.event.addListener(map, "center_changed", function() { glog("center_changed");} );
77        google.maps.event.addListener(map, "maptypeid_changed", function() { glog("maptypeid_changed");} );
78        google.maps.event.addListener(map, "zoom_changed", function() { glog("zoom_changed");} );
79        google.maps.event.addListener(map, "drag", function() { glog("drag");} );
80{/if}
81        pwgPageLinker = new PageLinker(map, "aLinkToThisPage" );
82
83        var pwgStyler = {$MAP_MARKER_ICON_JS};
84
85        map.pwgDataLoader = new PwgDataLoader(map, { rectangle_of_confusion: pwgStyler.roc} );
86        google.maps.event.addListener(map.pwgDataLoader, "dataloading", function() {
87                var pre = '<img src="{$PLUGIN_ROOT_URL}/icons/progress_s.gif" width="16" height="16" alt="~"> ';
88                document.getElementById("dataLoadStatus").innerHTML = pre + Localization.get("Loading");
89                }
90        );
91 
92        google.maps.event.addListener(map.pwgDataLoader, "dataloadfailed", function(responseCode) {
93                document.getElementById("dataLoadStatus").innerHTML = Localization.get("Failed") + " "+responseCode;
94                }
95                );
96
97        map.pwgDataHandler = new PwgDataHandler(map, { styler: pwgStyler, show_all_img_src: "{$PLUGIN_ROOT_URL}/icons/pic_s.gif" } );
98        google.maps.event.addListener(map.pwgDataLoader, "dataloaded", pwgBind(map.pwgDataHandler, map.pwgDataHandler.handle) );
99
100        map.pwgDataLoader.start( "{$U_MAP_DATA}" );
101
102        positionMap();
103        $(window).on("resize", positionMap);
104        var ac = new google.maps.places.Autocomplete( document.getElementById('q') );
105        ac.bindTo('bounds', map);
106        google.maps.event.addListener(ac, 'place_changed', function() {
107                var place = ac.getPlace();
108                if (place.geometry.viewport) {
109                        map.fitBounds(place.geometry.viewport);
110                } else {
111                        map.setCenter(place.geometry.location);
112                        map.setZoom(17);  // Why 17? Because it looks good.
113                }
114        } );
115}
116
117function unload()
118{
119        if (map)
120        {
121                !map.pwgDataLoader || map.pwgDataLoader.terminate();
122                !map.pwgDataHandler || map.pwgDataHandler.terminate();
123        }
124}
125
126
127var Localization =
128{
129  _strings: {
130"go to %s": "{'go to %s'|@translate|@escape:javascript}",
131"Next": "{'Next'|@translate|@escape:javascript}",
132"Prev": "{'Prev'|@translate|@escape:javascript}",
133"out of %d": "{'out of %d'|@translate|@escape:javascript}",
134"Loading": "{'Loading'|@translate|@escape:javascript}",
135"Failed": "{'Failed'|@translate|@escape:javascript}",
136"Show all": "{'Show all'|@translate|@escape:javascript}",
137"show all photos around this location": "{'show all photos around this location'|@translate|@escape:javascript}",
138"displays %s on a map" : "{'displays %s on a map'|@translate|@escape:javascript}",
139"opens %s in Google Earth" : "{'opens %s in Google Earth'|@translate|@escape:javascript}",
140"%d photos" : "{'%d photos'|@translate|@escape:javascript}",
141dontMindTheComma: ""
142    },
143
144  get: function( str ) {
145                var lang_str = this._strings[str];
146                if (lang_str == undefined)
147                {
148                        if (document.is_debug) glog("Language string undefined '"+ str+"'");
149                        return str;
150                }
151                return lang_str;
152        },
153
154  getQ: function( str ) {
155                return '"'+this.get(str)+'"';
156        },
157
158  fmt1: function () {
159                var str = arguments[0];
160                str = this.get(str);
161                str = str.replace( '%s', "%" ).replace( '%d', "%" ).replace('%', arguments[1]);
162                return str;
163               
164        }
165}
166//]]>
167</script>
168</head>
169
170<body onload="load()" onunload="unload()">
171
172<div id="titlebar">
173        <div class="titlebar_links">
174                <span id="dataLoadStatus">{'Loading'|translate}</span>
175                <span class="gmnoprint">
176                        <input type="text" size="24" id="q">
177                </span>
178                <a id="aKml" href="" type="application/vnd.google-earth.kml+xml" class="gmnoprint"><img src="//maps.google.com/mapfiles/ms/view_as_kml.png" width="16" height="16" alt="kml"><span class="hideable"> KML</span></a>
179                <a id="aLinkToThisPage" href="" class="gmnoprint"><img src="//maps.google.com/mapfiles/bar_icon_link.gif" alt="&lt;-&gt;" width="16" height="16"><span class="hideable"> {'Link to this page'|@translate}</span></a>
180    <a id="aBlowup" href="" onclick="return PwgDataHandler.blowupUrl(this.href);" class="gmnoprint" title="{'show all photos around this location'|@translate}">
181                        <img src="{$PLUGIN_ROOT_URL}/icons/pic_s.gif" width="16" height="16" alt="" title="{'show all photos around this location'|@translate}">
182                        <span>{'Show all'|@translate}</span>
183                </a>
184  </div>
185  <div class="titlebar_title">
186    <a href="{$U_HOME}" class="gmnoprint">{'Home'|@translate}</a>
187    <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>
188    {'Viewing'|@translate}: <a id="aPageUrl" href=""></a>
189  </div>
190</div>
191
192<div id="map"> </div>
193{get_combined_scripts load='footer'}
194</body>
195</html>
Note: See TracBrowser for help on using the repository browser.