Skip to content

Instantly share code, notes, and snippets.

@cojoj

cojoj/map.html

Created March 24, 2015 10:17
Show Gist options
  • Save cojoj/12689876fa7dbca38771 to your computer and use it in GitHub Desktop.
Save cojoj/12689876fa7dbca38771 to your computer and use it in GitHub Desktop.
Download ZIP
Phonegap map
Raw
map.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
<title>Niezbędnik Studenta</title>
<script type="text/javascript" src="cordova.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script type="text/javascript" charset="utf-8">
function onLoad() {
document.addEventListener("deviceready", onDeviceReady, false);
}
function onDeviceReady() {
}
function showMap() {
window.open("http://maps.google.com?q=UEKKraków", '_blank');
}
</script>
</head>
<body onload="onLoad()">
<div data-role="page" id="mainPage">
<div data-role="panel" id="panel">
<h2>Menu</h2>
<ul data-role="listview">
<li><a href="#mainPage">Główna</a></li>
<li><a href="#" onclick="showMap()">Mapa</a></li>
</ul>
</div>
<div data-role="header">
<a href="#panel" class="ui-btn ui-btn-icon-left">Menu</a>
<h2>Niezbędnik</h2>
</div>
<div data-role="main" class="ui-content">
<p>Test</p>
</div>
</div>
<div data-role="page" id="map">
<div data-role="panel" id="panel">
<h2>Menu</h2>
<ul data-role="listview">
<li><a href="#mainPage">Główna</a></li>
<li><a href="#" onclick="showMap()">Mapa</a></li>
</ul>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment