Problems with Directions API in Google Maps V3 and jQuery - javascript

I'm trying to get Google Maps Directions API working with jQuery, and
I have the following code..
http://pastebin.com/6jcGt706
Where #end is a select list in the HTML.. I'm Using jQuery 1.4.. I'm
not sure as to what is going wrong.. Can you please help me with
this...
Would appreciate if any one could help me fix the problem with this..
Thanks!

Check Firebug or Web Inpector Console for any errors thrown. Chances are you just need to change this line:
var end = $("#end option:selected");
to:
var end = $("#end").val();

Related

Google Map Javascript API stopped viewing?

On my page http://kizzme.co.uk/contact.html the Google Maps API was viewing fine and then stopped.
Unsure what it could be.. coding isn't my strongest point!
Many thanks in advance!
Kizz
can you see this script
<script src="http://maps.googleapis.com/maps/api/js"></script>
in your code ??
maybe you delete it

OpenLayers print function not working

Taking the function as in Save google map as an image - using javascript (able to take screenshot) , the solution ceased to work, as it is now generating an error on
var comp=transform.split(",");
It seems that the object returned by
$(".gm-style>div:first>div")
doesn't have the css property.
Does anyone know what's going on?
Thanks is advance
ok, i got it to work using
$(".olMapViewport>div:first>div").css("transform");
it seems that .gm-style may not work in some situations.

CSS or JavaScript Conflict - Google Map Won't Display

The WordPress theme I am using has built in JavaScript and CSS for Google maps on the contact page. So, I'm guessing there is conflicting code. I can't seem to find where the conflict is when I am trying to use a plugin which also uses Google Maps.
I would really appreciate any help correcting this issue so that this Google Map will display instead of an empty gray box. I tried everything I know to do.
http://boothambuilders.com/service-area/
The plugin works on all other themes I'm using.
Also, this is the only page where the background doesn't display properly. I don't know how it is related to the issue.
It is not a CSS conflict, you are calling the Google Maps API twice...

How can i center this Google map on user local position?

I try to manage some changes at the code of Joomla Module file that show a google map to get it working center automatically on user location:
i found on the google documentation this script write in Google maps api V3 for geocode that works great standing alone and seems to be very accurate. See it on this page: http://www.urbanclaim.com/new.php
i already have this problem: (you can see it using the link above)
after a user click on for sharing his location, never changes in the module's map. i try to put an alert in the code ang give me a null value for the local coordinates.. someone of you can help me with a debug in firebug o give me an advice on this?
i SOLVED it..this site is really useless.
In your javascript you are looking for a element with the ID of location but I do not see the element in the DOM nor do I see it being added by your JavaScript, once I added a element with that ID to the DOM via FireBug, your code worked for me.

Google Maps: Why does MarkerClusterer not work?

At first I want to say: I couldn't find a support forum for this library so I would like to try it here. I hope such questions are allowed here and the link to my page needn't be removed. The link is only for seeing how it works and which parts don't work. Please don't remove it.
Now to the question :)
I want to use the library "MarkerClusterer" (Google Code page) to cluster my markers on Google Maps via the API.
Here's described how it works:
Documentation -> Examples
Unfortunately, it doesn't work on my site and I don't know why. Could you please help me? I can't find the fault in my code:
Link (just as a demo)
Can you find the fault?
I get this error in Firebug:
GOverlay is not defined
ClusterMarker_.prototype = new GOverlay();
Which probably is caused by running your initialize function before Google Maps has finished loading. Try removing the duplicate tag:
<div class="clear"></div>
<body onload="initialize()" onunload="GUnload()">
48<div class="grid_12">
I don't think you're supposed to add each marker to the map when you use MarkerCluser. Try removing this pr marker:
map.addOverlay(markierung1);

Categories

Resources