2016-03-11 10:47:34 -05:00

46 lines
1.6 KiB
HTML

<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, all" />
<title>OL3-Google-Maps w. latest Google Maps example</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" />
<link rel="stylesheet" href="../node_modules/openlayers/css/ol.css" type="text/css" />
<link rel="stylesheet" href="../css/ol3gm.css" type="text/css" />
<link rel="stylesheet" href="./resources/layout.css" type="text/css" />
</head>
<body>
<div class="container-fluid">
<div class="row-fluid">
<div class="span12">
<div id="map" class="map"></div>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<h4>Latest Google Maps version example</h4>
<p>
Demonstrates the library with the latest version of Google Maps:
<pre>Google Maps API v<span id='google-maps-version'></span></pre>
</p>
<input id="toggle" type="button" onclick="toggle();"
value="Toggle Between OL3 and GMAPS" />
</div>
</div>
</div>
<script src="../node_modules/openlayers/build/ol.js"></script>
<!-- GoogleMaps API Key for dev5.mapgears.com -->
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCXIGZ41A54812NVcfTIuFS2mQUK-9JYeg"></script>
<script src="../dist/ol3gm.js"></script>
<script src="latest.js"></script>
</body>
</html>