00d9664b95
Simple and effective: As soon as a map has a Google layer, the whole map viewport is added as control to the GMap. As soon as no Google layer is visible on the map any more, the map viewport is appended to the map container again. With this change, OpenLayers strictly limits its GMaps integration to the GMaps API. Also note that there are no css overrides for the attribution any more. Instead, controls can now be conditionally positioned differently for Google layer by using the .olForeignContainer selector.
36 lines
1.5 KiB
HTML
36 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<title>OpenLayers Google (v3) Layer Example</title>
|
|
<link rel="stylesheet" href="../theme/default/style.css" type="text/css">
|
|
<link rel="stylesheet" href="style.css" type="text/css">
|
|
<script src="http://maps.google.com/maps/api/js?v=3&sensor=false"></script>
|
|
<script src="../lib/OpenLayers.js"></script>
|
|
<script src="google-v3.js"></script>
|
|
</head>
|
|
<body onload="init()">
|
|
<h1 id="title">Google (v3) Layer Example</h1>
|
|
<div id="tags">
|
|
Google, api key, apikey, light
|
|
</div>
|
|
<p id="shortdesc">
|
|
Demonstrate use the Google Maps v3 API.
|
|
</p>
|
|
<div id="map" class="smallmap"></div>
|
|
<div id="docs">
|
|
<p><input id="animate" type="checkbox" checked="checked">Animated
|
|
zoom (if supported by GMaps on your device)</input></p>
|
|
<p>
|
|
If you use the Google Maps v3 API with a Google layer, you don't
|
|
need to include an API key. This layer only works in the
|
|
spherical mercator projection. See the
|
|
<a href="google-v3.js" target="_blank">google-v3.js source</a>
|
|
to see how this is done.
|
|
</p>
|
|
</div>
|
|
</body>
|
|
</html>
|