ol3-google-maps/examples/concept.html
2015-08-14 09:54:35 -04:00

34 lines
1.3 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>ol3gm proof of concept example</title>
<link rel="stylesheet" href="../ol3/css/ol.css" type="text/css" />
</head>
<body>
<div id="ol3map" style="width:600px;height:400px;float:left;"></div>
<div id="gmap" style="width:600px;height:400px;float:left;position:relative;"></div>
<div style="clear:left;"></div>
<br />
<select id="map-type">
<option value="gmap">Google Maps</option>
<option value="ol3map">OpenLayers</option>
</select>
<input id="add-point" type="button" value="Add a point"></input>
<script src="../ol3/build/ol.js"></script>
<!-- local -->
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?v=3.21&key=AIzaSyD71KlyTCXJouZsGbgPCJ-oCtK76fZJUTQ"></script>
<!-- dev5 -->
<!--script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?v=3.21&key=AIzaSyCXIGZ41A54812NVcfTIuFS2mQUK-9JYeg"></script-->
<script src="/@loader"></script>
<!--script src="../dist/ol3gm.js"></script-->
<script src="concept.js"></script>
</body>
</html>