google-maps,google-maps-api-3Related issues-Collection of common programming errors

11 years ago

admin

10 minutes

John Snow
javascript google-maps animation google-maps-api-3 google-maps-markers
I have a simple javascript maps application that I’m working on that requires me to animate the movement of multiple markers between different coords. Each marker is free to move on its own and all markers are stored in an array list. However, I have been having trouble getting them to smoothly transition locations.I’ve done a ton of research and trial/error but no luck, anyone have any luck with this?
Coen
google-maps google-chrome google-maps-api-3 safari
Test link: http://kwestievan.nl/reizenWhat I’m doing here: implemented my own OverlayView to draw curved lines from marker to marker with arrowheads at the end of each line with SVG. I add a div element to the map that is of a certain width and height to contain the line and arrowhead. I then put inline SVG code in that div to let the browser draw the line and arrow.If viewed in Safari or Chrome some very annoying and unexpected behavior occurs. In Safari the whole SVG graphic disappears beyond
Rocotilos
iphone ios api google-maps mkmapview
I am making an iphone app that enables users to search for a city/town/countries/states by keying in texts in a UISearchbar, I managed to get the reply from google via JSON. It works ok, but I have some unexpected replies for certain places.When I search for, say, “Vietnam”, “China”, “Malaysia”, “Indonesia” it gives 0 results. But when I search for, “Singapore”, “Cambodia”, then, it gives a result fine.I don’t get it, why does some countries aren’t available as the search results?Thanks.Codes:
RIDER
javascript jquery google-maps google-maps-api-3
I am trying to insert a button that when clicked brings up a Google Form (which is tied to my fusion table). The button is in the upper right hand corner. On my jsfiddle, the button works as expected and the div holding the Google Forms iframe pops up. But when I move all the code to the server, the button ceases to work. Here is the jsfiddle. And here is the same code on the server. It now produces unexpected results. $(document).ready(function() {$(‘.button2’).click(function() {type = $
AAA
javascript jquery google-maps
This question already has an answer here:Javascript closure inside loops – simple practical example18 answersI’m trying to iterate through an array, like so:var locs = [[‘Location 0’, 50, 91], [‘Location 1’, 50, 100] ];for (i = 0; i < locs.length; i++) {$(‘#’ + i).click(function(i) {map.panTo(new google.maps.LatLng(locs[i][1], locs[i][2]));})}But I get the unexpected identifier because of the way loops work in Javascript. I need it to iterate through the locs array. How do I do this? So frust
geocodezip
android google-maps
the docs say I can specify the following xml to define a v2 map…<fragment xmlns:android=”http://schemas.android.com/apk/res/android”xmlns:map=”http://schemas.android.com/apk/res-auto”android:id=”@+id/map”android:layout_width=”match_parent”android:layout_height=”match_parent”class=”com.google.android.gms.maps.SupportMapFragment”map:cameraBearing=”112.5″map:cameraTargetLat=”-33.796923″map:cameraTargetLng=”150.922433″map:cameraTilt=”30″map:cameraZoom=”13″map:mapType=”normal”map:uiCompass=”fals
S.P
google-maps google-maps-api-3
When the map is loading the location, e.g. waiting for geolocation access, the search box renders on the edge of the map like this Anyone know any tricks to stop this ? Either don’t show the box at all, or put the box in the map where it should be.As for code, even the Google example suffers from this problem: https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete
Lucica
google-maps google-maps-api-3
I have a problem display google maps in tabs,This is wath i have tried but no sucess, in IE works fine but in Firefox the tab is not showing corect and the line on Route Planner is not work-ing. Point A to Poin B – there shoud be a line..Please see this link: http://s1.xfactor-online.com/Wath i have done rong?This is my HTML <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”
choc
ajax google-maps jquery-ajax google-maps-api-3
I have a main page that uses ajax to load subpages and one of these subpages contains a google map, and so it loads the google maps api using the <script> tag:<script type=”text/javascript” src=”http://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=SET_TO_TRUE_OR_FALSE”>I noticed that this loads a bunch of css and js files into both my main page and subpage. When I click on a different link in my main page, I want to be able to unload all of these files and remove any js
Zac
php javascript wordpress google-maps
Is it possible (and if so please explain how) to echo php into javascript, specifically for my purpose I am trying to echo the input of a custom field from the wordpress platform into the description of a google map. I am hoping I can give the client a cms backend to input the text that appears in the marker points on a map. What I am trying with no success is:var point = new GLatLng(49.295308,-123.149297); var marker = createMarker(point,”Site Title”,'<div class=”maptext”><p class=”p
John Snow
javascript google-maps animation google-maps-api-3 google-maps-markers
I have a simple javascript maps application that I’m working on that requires me to animate the movement of multiple markers between different coords. Each marker is free to move on its own and all markers are stored in an array list. However, I have been having trouble getting them to smoothly transition locations.I’ve done a ton of research and trial/error but no luck, anyone have any luck with this?
Coen
google-maps google-chrome google-maps-api-3 safari
Test link: http://kwestievan.nl/reizenWhat I’m doing here: implemented my own OverlayView to draw curved lines from marker to marker with arrowheads at the end of each line with SVG. I add a div element to the map that is of a certain width and height to contain the line and arrowhead. I then put inline SVG code in that div to let the browser draw the line and arrow.If viewed in Safari or Chrome some very annoying and unexpected behavior occurs. In Safari the whole SVG graphic disappears beyond
RIDER
javascript jquery google-maps google-maps-api-3
I am trying to insert a button that when clicked brings up a Google Form (which is tied to my fusion table). The button is in the upper right hand corner. On my jsfiddle, the button works as expected and the div holding the Google Forms iframe pops up. But when I move all the code to the server, the button ceases to work. Here is the jsfiddle. And here is the same code on the server. It now produces unexpected results. $(document).ready(function() {$(‘.button2’).click(function() {type = $
S.P
google-maps google-maps-api-3
When the map is loading the location, e.g. waiting for geolocation access, the search box renders on the edge of the map like this Anyone know any tricks to stop this ? Either don’t show the box at all, or put the box in the map where it should be.As for code, even the Google example suffers from this problem: https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete
Oxydron
javascript google-chrome google-maps-api-3 xmlhttprequest google-maps-markers
This code it’s not displayed in Google Chrome. Why? It worked in Firefox.The code: I’m trying to load from a xml file a set of coordinates+description to render a map and plot them on it.And there’s a mouse handle to return on screen the coordinates on a mouse click.<!DOCTYPE html> <html lang=”pt-br”><head><link rel=”stylesheet” href=”maps.css”><div id=”map_canvas”></div><!– Loading jQuery –><script type=”text/javascript” src=”http://ajax.googleapis
Chris Palmer Breuer
javascript html5 google-maps-api-3
The problem that I occur has been different to solve for me, because I cannot find the solution. It works on my localost without any problems and error messages, but once I upload it to this webspace http://chris1904.bplaced.net/index.html I get the error message Uncaught SyntaxError: Unexpected token ILLEGAL and this is the line that the error points atgoogle.maps.event.addListener(map, ‘click’, function(event) {You can compare it to this site http://chris1904.webege.com/index.html It is the e
Lucica
google-maps google-maps-api-3
I have a problem display google maps in tabs,This is wath i have tried but no sucess, in IE works fine but in Firefox the tab is not showing corect and the line on Route Planner is not work-ing. Point A to Poin B – there shoud be a line..Please see this link: http://s1.xfactor-online.com/Wath i have done rong?This is my HTML <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”
choc
ajax google-maps jquery-ajax google-maps-api-3
I have a main page that uses ajax to load subpages and one of these subpages contains a google map, and so it loads the google maps api using the <script> tag:<script type=”text/javascript” src=”http://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=SET_TO_TRUE_OR_FALSE”>I noticed that this loads a bunch of css and js files into both my main page and subpage. When I click on a different link in my main page, I want to be able to unload all of these files and remove any js
Hassen Ch.
gwt google-maps-api-3
I am trying to use GWT Google maps API v3 I keep getting this error:Loading inherited module ‘com.google.gwt.maps.GoogleMaps'[ERROR] Unable to find ‘com/google/gwt/maps/GoogleMaps.gwt.xml’ on your classpath; could be a typo, or maybe you forgot to include a classpath entry for source?[ERROR] Line 21: Unexpected exception while processing element ‘inherits’I have copied (to the lib directory) and added the [gwt-maps.jar][1] (Add external jars) I have added this line to the .gwt.xml : <inherits
Kara
ios iphone google-maps-api-3 google-places-api
I am trying to fetch the data from google place API.I have tried the url with one type,and getting the result.But when I give pipes to seperate the types I am getting Json Error.But I am getting the json array when I run this url on a browserWhat may be the issue ?? NSString *string = [NSString stringWithFormat:@”https://maps.googleapis.com/maps/api/place/search/json?location=10.76894,70.25412&rankby=distance&types=restaurant|park|hospital|school|bar&sensor=false&key=myKey”];NSUR

Web site is in building