Jumi and Google Earth API v3

A multipurpose module, plugin and component

Jumi and Google Earth API v3

New postby [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
[email protected]
 
Posts: 3
Joined: Wed Feb 16, 2011 4:01 am

Re: Jumi and Google Earth API v3

New postby 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...
Regards,

Edvard Ananyan - 2GLux Team

Please post a review at the Joomla Extensions Directory. It is very important for us!
Edvard
Site Admin
 
Posts: 1836
Joined: Mon Jun 28, 2010 1:54 pm
Location: Yerevan, Armenia

Re: Jumi and Google Earth API v3

New postby [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]
 
Posts: 3
Joined: Wed Feb 16, 2011 4:01 am

Re: Jumi and Google Earth API v3

New postby [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
[email protected]
 
Posts: 3
Joined: Wed Feb 16, 2011 4:01 am


Return to Jumi

Who is online

Users browsing this forum: No registered users and 3 guests

cron