mirror of
https://github.com/php/presentations.git
synced 2026-03-26 00:22:11 +01:00
38 lines
1018 B
XML
38 lines
1018 B
XML
<slide>
|
|
<title>Showing a Map</title>
|
|
<subtitle>Google Maps</subtitle>
|
|
<div effect="fade-out">
|
|
<iframe filename='examples/googlemap.html' image='openlayers.png'/>
|
|
</div>
|
|
<div effect="fade-in">
|
|
<example><![CDATA[
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
|
|
<style type="text/css">
|
|
html { height: 100% }
|
|
body { height: 100%; margin: 0px; padding: 0px }
|
|
#map_canvas { height: 100% }
|
|
</style>
|
|
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">
|
|
</script>
|
|
<script type="text/javascript">
|
|
function initialize() {
|
|
var latlng = new google.maps.LatLng(51.51922, -0.12736);
|
|
var myOptions = {
|
|
zoom: 17, center: latlng,
|
|
mapTypeId: google.maps.MapTypeId.ROADMAP
|
|
};
|
|
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
|
|
}
|
|
</script>
|
|
</head>
|
|
<body onload="initialize()">
|
|
<div id="map_canvas" style="width:100%; height:100%"></div>
|
|
</body>
|
|
</html>
|
|
]]></example>
|
|
</div>
|
|
</slide>
|