Skip to content

Instantly share code, notes, and snippets.

@xenda

xenda/index.html

Created November 11, 2011 23:45
Show Gist options
  • Save xenda/1359693 to your computer and use it in GitHub Desktop.
Save xenda/1359693 to your computer and use it in GitHub Desktop.
Download ZIP
application.html.erb
Raw
index.html
<body>
<div class="container" data-role="page" data-add-back-btn="true" class"page-map">
<header data-role="header" data-position="fixed" class="classHeader">
<a href="/directions/services" data-inline="true" data-role="button">Direcciones</a>
</header>
<div id="main" role="main" data-role="content">
<div class='map_canvas' id='map_canvas'></div>
</div>
<footer data-role="footer" data-position="fixed" class="classFooter">
<div data-role="navbar">
<ul>
<li>
<a href="/">Mapa</a>
</li>
<li>
<a href="/list">Lista</a>
</li>
<li>
<a href="/deals">Promociones</a>
</li>
</ul>
</div>
</footer>
</div> <!--! end of #container -->
<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_mobile.js?body=1" type="text/javascript"></script>
<script src="/assets/mylibs/helper.js?body=1" type="text/javascript"></script>
<script src="/assets/mylibs/gmaps.js?body=1" type="text/javascript"></script>
<script src="/assets/script.js?body=1" type="text/javascript"></script>
<script src="/assets/application.js?body=1" type="text/javascript"></script>
<script>
$('div[data-role="page"]').live('pagehide',function(event){
$.mobile.initializePage();
});
</script>
<script>
//<![CDATA[
$(document).ready(function(){
map = new GMaps({
div: '#map_canvas',
lat: -12.043333,
lng: -77.028333,
zoom:12
});
map.geolocate({
success: function(position){
map.setCenter(position.coords.latitude, position.coords.longitude);
lat=(position.coords.latitude);
lng=(position.coords.longitude);
myLocation = {"address":"YouReHere","id":0,"lat":lat,"lng":lng,"name":"Estas Aqui!","services":[],"offers":[]};
createMarker(map, myLocation);
},
error: function(error){
alert('Geolocation failed: '+error.message);
},
not_supported: function(){
alert("Your browser does not support geolocation");
},
always: function(){
}
});
dataLoader(map);
});
//]]>
</script>
</body>
</html>
Raw
show.html
<body>
<div class="container" data-role="page" data-add-back-btn="true" class"page-map">
<header data-role="header" data-position="fixed" class="classHeader">
</header>
<div id="main" role="main" data-role="content">
<div class='inner_map_canvas' id='map_canvas_place_1'></div>
</div>
<footer data-role="footer" data-position="fixed" class="classFooter">
<div data-role="navbar">
<ul>
<li>
<a href="/">Promociones</a>
</li>
<li>
<a href="/list">Check-in</a>
</li>
<li>
<a href="/deals">Comentarios</a>
</li>
</ul>
</div>
</footer>
</div> <!--! end of #container -->
<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_mobile.js?body=1" type="text/javascript"></script>
<script src="/assets/mylibs/helper.js?body=1" type="text/javascript"></script>
<script src="/assets/mylibs/gmaps.js?body=1" type="text/javascript"></script>
<script src="/assets/script.js?body=1" type="text/javascript"></script>
<script src="/assets/application.js?body=1" type="text/javascript"></script>
<script>
$('div[data-role="page"]').live('pagehide',function(event){
$.mobile.initializePage();
});
</script>
<script>
//<![CDATA[
$(document).ready(function(){
place = {};
div_name = '#map_canvas_place_1';
map2 = new GMaps({
div: div_name,
lat: place.lat,
lng: place.lng,
zoom:16
});
createMarker(map2, place);
map2.setCenter(place.lat, place.lng, function(){
google.maps.event.trigger(map2.map, 'resize');
});
});
//]]>
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment