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

Joomla validate chrono forms using jquery

It is a common practice to use Chrono forms in our joomla site to setup various forms in the site, be it a contact us form, submit a ticket form, or whatever. I have set the option "validate form" to "No" under chronoform settings in admin panel, and also preferred to not include any js or css files. For validating the chrono forms, i prefer jquery. So first lets add jquery support in our joomla. It is quite simple: 1. Download jquery.js and jquery_min.js (1.4.2 version is enough) and place them in media/system/js folder of your joomla. 2. Edit libraries->joomla->html->html->behavior.php, and add the following function below the mootools() function: function jQuery($debug = null)     {         static $loaded;         global $mainframe;         // Only load once         if ($loaded) {    ...
Post a Comment
Read more

joomla remove category name in url

-) If anyone is using the lyftenbloggie component, and want to remove the component name and category title from the sef url, follow this hack: (Note: You also need to install the lyftenbloggie extension for ARTIO SEF) Under components/com_sef/joomsef.php, After this code: $location = array();         foreach ($title as $titlePart) {             if (strlen($titlePart) == 0) continue;             $location[] = JoomSEF::_titleToLocation($titlePart);         } Just add this code: if($location[0] == 'lyftenbloggie')         {         $temp_sef = end($location);         $location = array();            $location[] = $temp_sef;         ...
Post a Comment
Read more

php get content between tags

This involves parsing the dom document. <?php function getTextBetweenTags($tag, $html) {     $dom = new domDocument;     @$dom->loadHTML($html);         $dom->preserveWhiteSpace = false;     $content = $dom->getElementsByTagname($tag);     $out = array();         foreach ($content as $item)     {         $out[] = $item->nodeValue;     }     return $out; } $xhtml = '<tag>abc def</tag><tag>123 456</tag>'; $content2 = getTextBetweenTags('tag', $xhtml); foreach( $content2 as $item ) {     echo $item.'<br />'; } ?> Output: abc def 123 456
2 comments
Read more