Not signed in ( Sign In)

Categories

Welcome, Guest

Want to take part in these discussions? Sign in if you have an account, or apply for one below

Vanilla 1.1.10 is a product of Lussumo. More Information: Documentation, Community Support.

    •  
      CommentAuthornorisounds
    • CommentTimeFeb 22nd 2010
     permalink
    Hi everyone,

    Just wanted to see if anyone has tried to place a google maps interface into thier flatpress site?
    I did a search and nothing came up.

    I tried placing the GM code into a blog entry (generated by the GM wizard) and it does not work.
    I recopied the same code into an html file and it works fine, but not in flatpress.

    My hopes was to build a guestmap where a visitor can enter where they are in the world and place a marker on the map but I cant get the first steps to work.

    Would anyone know why or have any ideas?

    here is the GM code

    -------------------------------------------------------
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example: Simple Map</title>
    <script src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA"
    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>
  1.  permalink
    The easy way:
    - go to maps.google.de
    - search your location
    - chose the detail-area and zoom in, select map-style etc.
    - click on the "Link"-link in the top right corner
    - a fly-over layer appears with a short code-snippet inside like that: (you can adjust the settings with the additional Link underneath the code-snippet)

    <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"
    src="http://maps.google.de/maps?f=q&amp;source=s_q&amp;hl=de&amp;geocode=&amp;q=hamburg&amp;
    sll=51.151786,10.415039&amp;sspn=19.064794,36.870117&amp;ie=UTF8&amp;hq=&amp;hnear=Hamburg&amp;
    z=11&amp;ll=53.553407,9.992196&amp;output=embed"></iframe>


    Put [HTML] Code-Snippet from google[/html]
    Everything should work just fine.

    For additional Functions it could be useful to get a google maps entry with your personalized google-id (see google help). This code must be entered in head-area of the index.php...