Jumi and Google Earth API v3

[email protected] · by **[email protected]** » Wed Feb 16, 2011 4:13 am

Wanting to use the jumi application for a Google Map javascript API.
Tested with basic JavaScript to confirm that jumi is working and it is.
Tested a html page with a functioning Google map outside of my Joomla website. It works.

When I attempt to add the same JavaScript to a jumi application page, it doesn't work.

I'm sure this is user error, and am aware of other available methods, but I think jumi is very simple and graceful way to do this.
This is the code example straight off the Google Map API page. Will this work as a jumi app?
http://code.google.com/apis/maps/docume ... orial.html

Thanks very much

Nick

Edvard · by **Edvard** » Sun Feb 20, 2011 7:13 pm

Yes it will work. But you need to keep in mind that the code will be wrapped by Joomla and it should not conflict with already loaded javascripts, CSS, etc...

[email protected] · by **[email protected]** » Thu Mar 03, 2011 2:35 am

Thanks for your response
Below is the code I want to embed in an article. Do I want to approach doing it this way?
Or should I create a link to an external html file ( {jumi [map.html]} )?
Or am I wrong on both of my approaches?
Any input would be a great help...

Thanks
Nick

_____________________________________________________________________
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
#map_canvas { height: 100% }
</style>
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(45.691361, -122.548767);
var myOptions = {
zoom: 16,
center: latlng,
mapTypeId: google.maps.MapTypeId.SATELLITE
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
}

</script>
</head>
<body onLoad="initialize()">
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>
_______________________________________________________________________

[email protected] · by **[email protected]** » Thu Mar 03, 2011 2:49 am

tested it outside of the Joomla window. It works.
You're right... its affected by joomla around it.

bummer

Thanks
Nick

Jumi and Google Earth API v3

Jumi and Google Earth API v3

Re: Jumi and Google Earth API v3

Re: Jumi and Google Earth API v3

Re: Jumi and Google Earth API v3

Who is online