Show whole world by default in Google Maps


If you want to use Google Maps in your web site or application and want to have, by default, show the whole world this is the basic page to use.



<!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: 0; padding: 0; }
</style>
<script type='text/javascript' src='http://maps.googleapis.com/maps/api/js?v=release'>
</script>
<script type='text/javascript'>
    function initialize() {
        var mapOptions = {
            center: new google.maps.LatLng(0,0),
            zoom: 1
        };
        var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
    }
</script>
</head>
<body onload='initialize()'>
<div id='map-canvas' style='width: 100%; height: 100%'/>
</body>
</html>

The result will be the following


Comments

Post a Comment

Popular posts from this blog

Access GPIO from Linux user space

Image
GPIO mean "General Purpose Input/Output" and is a special pin present in some chip that can be set as input or output and used to move a signal high or low (in output mode) or to get the signal current status (in input mode). Usually these pin are directly managed by kernel modules but there are an easy way to manage these pins also from user space.
Read more

Android: adb push and read-only file system error

Image
If you want to copy a file from your PC to the connected android device the fasten way is to use adb tool with push command. This command get as params the path of the local file and the remote path to copy in the device. Sometimes, especially if you use adb from Windows or MacOS, and error about read-only file system show up and you can not copy any file.
Read more