A robust starter web application to ease Java webapp development.

Home | Tutorials | Demos | Issues

include google map function in .jsp

View: New views
4 Messages — Rating Filter:   Alert me  

include google map function in .jsp

by maker su :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Hi All,
I create map.jsp for show google map but not work.
Please hint.
Thanks,
Maker su
 
 
<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&amp;v=2.x&amp;sensor=false&amp;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>

Re: include google map function in .jsp

by maker su :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Hi All,
The result of body will not contain onload="initialize()" and onunload="GUnload()".
So use window.onload instead.
Have to study the javascript mechanism of appfuse.
BR,
Maker Su
 
 
//
 <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&amp;v=2.x&amp;sensor=false&amp;key=0rpoKs1udadoRLWny7gLqC9NNS3Pf0CSMKeiH8g"
            type="text/javascript"></script>
    <script type="text/javascript">
    window.onload = function() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(37.4419, -122.1419), 13);
        map.setUIToDefault();
      }
    }
    </script>
  </head>
    <div id="map_canvas" style="width: 500px; height: 300px"></div>


 
On Thu, Mar 12, 2009 at 4:45 PM, maker su <makersu@...> wrote:
Hi All,
I create map.jsp for show google map but not work.
Please hint.
Thanks,
Maker su
 
 
<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&amp;v=2.x&amp;sensor=false&amp;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>


Re: include google map function in .jsp

by tonylu880042 :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

Hi Marker,
 Try to update you default.jsp with following decorator statement.
 <body <decorator:getProperty property="body.onload" writeEntireProperty="true" /> >
 than I bet your problem will be gone,
Best regards,
tony
http://tony880042.blogspot.com

maker su wrote:
Hi All,
The result of body will not contain onload="initialize()" and
onunload="GUnload()".
So use window.onload instead.
Have to study the javascript mechanism of appfuse.
BR,
Maker Su


//
 <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.x&sensor=false&key=0rpoKs1udadoRLWny7gLqC9NNS3Pf0CSMKeiH8g
"
            type="text/javascript"></script>
    <script type="text/javascript">
    window.onload = function() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(37.4419, -122.1419), 13);
        map.setUIToDefault();
      }
    }
    </script>
  </head>
    <div id="map_canvas" style="width: 500px; height: 300px"></div>



On Thu, Mar 12, 2009 at 4:45 PM, maker su <makersu@gmail.com> wrote:

> Hi All,
> I create map.jsp for show google map but not work.
> Please hint.
> Thanks,
> Maker su
>
> // from
> http://code.google.com/intl/zh-TW/apis/maps/documentation/examples/map-simple.html
>
> <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.x&sensor=false&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA<http://maps.google.com/maps?file=api&v=2.x&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>
>

Re: include google map function in .jsp

by roberto.cr :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

thank you! i've been beating my head on the wall for hours because of this... now my site work on stupid IE6
window.onload="initialize()" instead os simple onload="initialize()"
ive just registered to bump this on google
GBrowserIsCompatible() Object expected error in Internet Explorer 6
IE6 google maps problem

maker su wrote:
Hi All,
The result of body will not contain onload="initialize()" and
onunload="GUnload()".
So use window.onload instead.
Have to study the javascript mechanism of appfuse.
BR,
Maker Su


//
 <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.x&sensor=false&key=0rpoKs1udadoRLWny7gLqC9NNS3Pf0CSMKeiH8g
"
            type="text/javascript"></script>
    <script type="text/javascript">
    window.onload = function() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(37.4419, -122.1419), 13);
        map.setUIToDefault();
      }
    }
    </script>
  </head>
    <div id="map_canvas" style="width: 500px; height: 300px"></div>



On Thu, Mar 12, 2009 at 4:45 PM, maker su <makersu@gmail.com> wrote:

> Hi All,
> I create map.jsp for show google map but not work.
> Please hint.
> Thanks,
> Maker su
>
> // from
> http://code.google.com/intl/zh-TW/apis/maps/documentation/examples/map-simple.html
>
> <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.x&sensor=false&key=ABQIAAAAzr2EBOXUKnm_jVnk0OJI7xSosDVG8KKPE1-m51RBrvYughuyMxQ-i1QfUnH94QxWIa6N4U6MouMmBA<http://maps.google.com/maps?file=api&v=2.x&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>
>