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

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.

Related

Google Maps Javascript API Doesn't Respond to Touch Events in iOS 10

I run a website with a number of custom Google Maps built in (showing various locations on a map after a search or generating directions to/from a location). I use Google Maps Javascript API for this. My users have started reporting that on iOS 10, these maps no longer respond to touch events -- they cannot pinch-to-zoom nor can they click on the "pins" on the map to open the location info balloons.
I've been searching all over for others who have had this issue to no avail. I found one StackOverflow question here (http://webcache.googleusercontent.com/search?q=cache:DaiSdOgD0U4J:stackoverflow.com/questions/39401974/google-maps-javascript-doesnt-pan-or-zoom-in-ios-10+&cd=3&hl=en&ct=clnk&gl=us), but it was downvoted, then deleted. (Why?) A fresh search today still shows that page, but it leads to a 404, making a search even more frustrating.
Has anyone else experienced this? Is this a bug within the Google Maps API? I certainly can't find anything about that on their Developer website. Am I possibly doing something very wrong to lead to this? The code has worked for years and hasn't been modified in a few months now, so nothing changed on our end.
We do use an API key in our requests
I've tried switching from the
current release version (3.25) to the current experimental version
(3.26) with no changes in functionality.
Users report this happens in at least both Safari and Chrome on iOS 10
Just hoping someone can provide any insight at all on the issue.
Ok here is how I did to fix this issue.
As a reminder i'm using AngularJS via the Ionic framework.
I was calling the map this way in my index.html :
<script src="https://maps.googleapis.com/maps/api/js?libraries=places&key=PUT_YOUR_GOOGLE_API_KEY_HERE&signed_in=true"></script>
It seams like signed_in feature of google map is adding a layer on the map that is not letting the map getting the X,Y of your screen touch position.
I just replaced by false to disable the signed_in feature and its working like a charm
<script src="https://maps.googleapis.com/maps/api/js?libraries=places&key=PUT_YOUR_GOOGLE_API_KEY_HERE&signed_in=false"></script>

Google Maps having directions doesn't work on mobile : "No Routes Found"

I wanted to have a map having directions set to a static destination.
From what i saw, i gave a link as follows:
link
Which opens up a new page with the map.
I haven't been able to replicate this on mobile (Android/Ios) however.
Following error comes up on the mobile: "No Routes Found" .
Can you explain me what am doing wrong?
PS: Am currently using this on a responsive website adding it as a link. I don't want this embedded either.
Thanks.
Try changing the URL like the below one. It might help you.
http://maps.google.com/maps?saddr=Current+Location&daddr=Kochi+Kerala+India
Thanks
The query string format is an older format, so maybe this newer syntax might work:
link
I've found that sometimes Google likes different phrasings for the current location, so if that doesn't work, you could also try something like Your+Location.
I cannot not use coordinates as source address because I send out a link in an email and my clients can be anywhere in the city when they read it.
For me neither of "My+Location" nor "Current+Location" worked. It always set the source address to the official center coordinates of the current city or the official address of the internet provider. Both on mobile or in desktop browser.
Christian explained here why: https://stackoverflow.com/a/59249673/5356216
The recommended and working solution in 2022 which is language independent is this:
https://www.google.com/maps/dir/?api=1&destination=760+West+Genesee+Street+Syracuse+NY+13204

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...

Conflict with Google maps V3 API and MooTools

I'm have a conflict with Google Maps v3 API and Mootools. For some reason when the page where the maps is on is loaded it looks fine but about 10 seconds later the map disappears as well as all but 1 pin point.
You can see it here: http://goo.gl/Sr0b2
If I remove mootools.js which loads in my footer, the problem goes away but then some of the javascript on my WordPress theme doesn't work such as the drop down menu in the header so removing mootools is not an option.
Anyone know what may be causing the conflict and how I can fix it?
Any help is appreciated.
I solved the problem by using an iframe for the map, this way the mootools.js on the page doesn't affect the map script. I usually don't use iframes but in this situation it doesn't affect the site's SEO or anything else and it's a perfect solution. So if you have this same issue you can load the map on a page of its own (with nothing but the map) and then insert it anywhere with

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