Skip to main content

Google map examples

These are 2 examples of integrating a google map on your page, using the latitude and longitude values....
First you need to register your site with google maps for a key.

Example: 1

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAYrPUQCb3Z6rFxSM-d0oOeBT2cMPdVrZpW5swiJunby9DzOBHxxSXFUXo_NM6mbf1GK95Z4irMylR4A" type="text/javascript"></script>
    </head>
    <body>
    <div id="map" style="width: 400px; height: 300px"></div>
   
    <script type="text/javascript">
    var map = new GMap(document.getElementById("map"));
    map.centerAndZoom(new GPoint(-83.022206, 39.998264), 3);
    </script>

    </body>
    </html>


Example: 2

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAYrPUQCb3Z6rFxSM-d0oOeBT2cMPdVrZpW5swiJunby9DzOBHxxSXFUXo_NM6mbf1GK95Z4irMylR4A" type="text/javascript"></script>

    <script type="text/javascript">

    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(37.4419, -122.1419), 13);
        map.setUIToDefault();
      }
    }

    </script>

    </head>
    <body onload="initialize()" onunload="GUnload()">
    <div id="map_canvas" style="width: 500px; height: 300px"></div>
    </body>

    </html>
Labels:

Comments

Post a Comment

Popular posts from this blog

php strip all tags

The below function can strip almost all tags from a string. function strip_all_tags($string) {     $string = preg_replace( '@<(script|style)[^>]*?>.*?@si', '', $string );     $string = strip_tags($string);     return trim($string); } $a = '<script type="text/javascript" src="jquery.js"></script> <div id="test" style="padding:5px; color:red;">Hello world</div>'; echo strip_all_tags($a); // outputs: Hello world
Post a Comment
Read more

htaccess disable directory browsing, disable file listing, disable file access

There may be some personal or secure data in a file, that you want to hide from the end user, when it is viewed through a web browser. Ex: http://www.example.com/user_files/24/chat.txt In the above scenario, if the file "chat.txt" contains a secure data, and you dont want to allow end users to directly access the file, or to disable the file listing in the folder "user_files" or "24", use the below code in your .htaccess file inside "user_files" folder: Options -Indexes order allow,deny deny from all
Post a Comment
Read more

css link remove dotted outline

Its quite awkward to look at the link, when it is clicked and the dotted outline appears on it. To overcome it, just add the following line to your css file: a { outline: 0; } For example, to remove the dotted outline for the menu links on your page, add this to your css: #navigation li a {    outline: 0; } ( Assuming you have this menu structure: <ul id="navigation"><li><a href="news.html">News</a></li></ul> )
Post a Comment
Read more