Google Maps API and Spry - tutorial

Is there a tutorial for this or will there be one in the
future?
KH
Tine Müller
homepage:
http://tine_muller.homepage.dk/

<p>Andrew, John</p>
<p>Well speaking about excellent posts... This one, howto-map-by-postcode answers your question, I guess. </p>
<p>With kind regards,</p>
<p>Jornica</p>

Similar Messages

Google Maps API Key V3???

We are in the middle of integrating a real estate website for our client and found that the Google Maps API keys have changed.
Have followed the instructions found on: https://developers.google.com/maps/documentation/javascript/tutorial#api_key But we still receive an error stating our application is not authorised to use the API.
Does this mean Google Maps is not authorinsg Business Catalyst anymore? (Perhaps since the integration of BC into the Adobe ecosystem??)
Is anyone else having this issue or can anyone please urgently advise?

You have to get your own API key: https://code.google.com/apis/console/
My map uses a custom solution (Web Apps & Google Maps API V3) and is still working fine.

Google map inside the spry collapsible panel

So this time I've bumped into interesting 'bug'. I've placed the google map inside the spry collapsible panel. Panel is set to the closed mode on load of page. When I open the tab, map appears, but address marker is hidden behind the top left corner. If I place the same map outside the collapsiple panel it renders all well.
So my question is whether there is any way around this issue. When I know where the marker is hidden I can simply move the map and see it, but customer who's not aware of the problem will see only blank map with not marked address which is not acceptable.
cheers,
Simon

Sure mate. Here you go:
<div id="CollapsiblePanel1" class="CollapsiblePanel">
              <div class="CollapsiblePanelTab" tabindex="0">SHOW MAP</div>
              <div class="CollapsiblePanelContent">
              <cfmap width="242" height="200" zoomlevel="12" name="mainMap" markercolor="333444" showscale="false"
typecontrol="none" showcentermarker="true" centeraddress="#get_event.event_address1#, #get_event.event_address2#, #get_event.event_city#,#get_event.event_county#, #get_event.event_postcode#, #get_event.event_country# "
></cfmap>
              </div>
            </div>
And this bit goes at the bottom of the code :
<script type="text/javascript">
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1", {contentIsOpen:false});
</script>
And that would be the preview that I get once the panel is open:
And that is the preview of how it should look:
As you can see the map marker sticks to the top left corner. I was wondering whether there is any way to re-focus it once the panel is open.
cheers,
Simon

How to import a Google Map API Map in Adobe Muse

Hello,
I'm trying to import on Adobe Muse a Google Maps custom map that I have created with the API google maps... But I have problems with writing the HTML code...
I tried to import that one for exemple:
https://developers.google.com/maps/documentation/javascript/examples/map-simple?hl=fr
But nothing happens in Adobe Muse... just a blue square with "html" written on the left top of the square...
Thanks for the help!

Hi!
You have to create to go to "insert html code" in the Muse menu.
Then follow the steps in these websites, some are in french...sorry about that! but It's not difficult to understand, or use google translate.
http://www.html5-css3.fr/html5/tutoriel-api-google-maps-geolocalisation-html5
https://developers.google.com/maps/documentation/javascript/examples/map-simple?hl=fr
http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html ==> for creating the customized map
http://www.code-web.org/post/2010/03/04/Google-Map-API-V3-%3A-Placer-un-marker-sur-la-cart e ==> for customized markers
https://developers.google.com/maps/documentation/javascript/examples/map-geolocation?hl=fr &csw=1
https://developers.google.com/maps/documentation/javascript/tutorial?hl=fr
http://www.lafermeduweb.net/tutorial/mettre-en-place-la-google-maps-personnalisee-sur-ses- pages-web-p105.html
Hope this will help!

IWeb page generates IE9 error for Google Maps API key

My iWeb site generates an error in IE9 "This web site needs a different Google Maps API key". Is there any fix in iWeb for this?
I've found this link that offers a solution for IE9 users. It seems to be a bug with IE9 mixed content security settings, but people will blame my website and not their browser
http://answers.microsoft.com/en-us/ie/forum/ie9-windows_7/ie-9-is-telling-me-my- website-needs-a-different/59bfa1ed-f757-e011-8dfc-68b599b31bf5
Excerpt from that site "Okay, I resolved the issue. I went into my Security settings. Under Miscellaneous I changed Display mixed content to "Enable". I believe there is a bug in the Display mixed content feature. I should be able to keep the setting at "Prompt", then see the content when I click the appropriate option when prompted. I believe the Google Maps API message was shown in error."

You have to get your own API key: https://code.google.com/apis/console/
My map uses a custom solution (Web Apps & Google Maps API V3) and is still working fine.

Safari error about Google Maps API

On only one of my several macs, every time I go to a web page with an imbedded Google maps (like http://www.apple.com/buy/locator/service/), the page will not load properly, and I get an error message that says:
"The Google Maps API server rejected your request. This could be because the API key used on this site was registered for a different web site. You can generate a new key for this web site at http://code.google.com/apis/maps/."
When I go to the google maps web site that it gives instructions on how I can embed Google Maps into my own web pages.
This problem is only on one of my MAC systems. All others work fine. The first thing I tried was to clear my caches, but that did not work. Also, I get the same message when I go to a similar web page from a windows system running under VMWare Fusion.
Things to remember before you reply:
- This is not my web page. It is all web pages that have an imbedded Google maps.
- This happens only on my Intel MacBook. The problem does not happen on my Mac Mini, iMac, or Power Mac which are all on the same home subnet.
- This still happens when I visit another wireless web connection.
-It happens on all virtual Machines I run on this MacBook under VMWare Fusion, Including Win XP, Vista and Linux Fedora.
Therefore it is a problem with my MacBook, and not with any webpage.
I have even posted on the Google Maps API Google Group (http://groups.google.com/group/Google-Maps-API),
but they say I need to re-register my API for my web page.
Are there any other suggestions?
Thanks in advance
Jeff Cameron

This question was never answered by apple or by Google, however, after upgrading to Snow Leopard, the problem has gone away.
Jeff Cameron

Google Maps API for flash not working on real device iPad

I use flash builder 4.5.1 to build app for Google Maps API for iOS (map_flex_1_20.swc), and it is working well even on the simulator on PC, but after I generate the IPA use FB4.5.1, and install on iPad , it not working at all, only show a while screen.(I used the TabbedViewNavigatorApplication, the botton Tabbar is working, I can switch the page, but on the maps page show nothing)
I also try the code on Flash CS5.5 using map_1_20.swc , when on the PC debug, it works well,(swf files), but install the AIR ipa on the iPAD, show nothing only a white sceeen.
anyone met this problem?

You can also use the MapQuest Mobile Flash Maps API. It's supported by MapQuest and does not need any work-arounds in order to work with the Flash Platform. It also takes advantage of the "build once, deploy anywhere" functionality in Flex 4.5+. MapQuest provides a demo app for Android and iOS and has the source code available for download, too.

CFMap not working for a specific Google Maps API Key

Hi All,
This has been driving me crazy for 2 days now. I've troubleshooted it down to a problem with the way CFMap is handling a spcific Google Maps API Key.
I've gotten it down to about the simpest CFMap page you can make, but the map doesn't come up.
http://tucsonymca.org/googlemap.cfm
The same page on a different domain (with a it's own API key) works fine:
http://valleyymca.org/googlemap.cfm
Google's 'hello world' Map JavaScript with the key in question works fine, so the Key is correct.
http://tucsonymca.org/googlemapJSOnly.html
All of these work on my local dev machine.
The Google Key works fine.
The CFML works fine.
Putting them together and you get a blank page with no error message.
It appears that the CFMap function is tripping over this particular key, or is losing communication with Google when trying to authenticate.
Any help is greatly appreciated.
- Dan

I think your cfide mapping is not working.
http://tucsonymca.org/CFIDE/scripts/ajax/yui/yahoo-dom-event/yahoo-dom-event.js
is
a 404

Google Maps Navigation and Google Music problem

Hello,
I love the LG G2 but it has a few concerning issues. First, is the squealling, hissing, cracking, popping, etc. during phone calls, but I have seen that brought up by others.
The second problem that I've discovered, and the most upsetting to me, is that when using the Google Maps Navigation and Google Music All Access at the same time, whenever the navigation voice instructs a direction, the music shuts off. It is then silent until the navigation voice instructs the next direction OR when a new track starts. This was not a problem on my droid bionic, so it must be an LG G2 issue. This is a huge problem to me as I travel a lot for work and usually use GPS to find where I'm going, and I subscribe to Google Music All Access so I listen to music in the car. This problem makes that impossible to do (I have to choose).
A related issue, is that my Alpine CD player displayed track information (Artist, Song, Album) with my Droid Bionic, but with the LG G2 it displays 'UNKNOWN'. I find it hard to believe that a two year old phone has capabilities that a brand new phone wouldn't, so I'm hoping these issues will be fixed with a software patch.
Has anybody else experienced these issues, or does it work fine with your LG G2?

Hawaii is a part of the USA so you will be fine there. Mexico on the other hand, you will be roaming for data there and could see extra charges for international data.

IOS7 causing website using Google Maps API to crash

Browsing websites that use the Google Maps API cause the browser to crash since upgrading to IOS7. This wasn't the case with IOS5 or 6. This is a known issue on the Google Code forums to do with the way IOS7 handles memory usage. (https://code.google.com/p/gmaps-api-issues/issues/detail?id=5815). Apple devices running IOS7 are the only devices that seem to be affected. Does anyone know if Apple plans to resolve this in a future software release?

Your only evidence for this "known issue" is a Stackoverflow thread where the issue is claimed to be fixed.

I installed the new google maps app and I am unable to make it work because it says, cannot reach server. I have a iphone 4 with 6.0.1 up to date. Please advise where I can locate to chech if my location is turned on.

I installed the new google maps app and I am unable to make it work because it says, cannot reach server. I have a iphone 4 with 6.0.1 up to date. Please advise where I can locate to check if my location is turned on.

i found a solution for this issue when google maps shows you an empty map error message cannot reach server. Click on the icon next to search and you are supposed to be presented with your profile, if not u will have an empty space. click on that space, then the "gear " Icon and logout.
restart your iphone then strat google maps again and log back in.
apparently this is happening when you change your google acount password or enble or disable 2 step verification.

Should I download and install the latest version of Adobe Flash to use with Lion? My need for Flash is very basic: Google Maps, YouTube, and content on certain websites. Thanks for any help you are able to provide.

Should I download and install the latest version of Adobe Flash to use with Lion? My need for Flash is very basic: Google Maps, YouTube, and content on certain websites. Thanks for any help you are able to provide.

Thanks for the speedy reply. I have read so many comments about Flash being incompatible with Lion I was wondering whether to download it or not. So many sites on the Web still require flash, however, you almost don't have a choice but to download it even if it is incompatible. I gather a better version of Flash will be available for Lion soon. Again, thanks for the help. I will download the latest version of Flash.

Erreur google maps api V3 onion.js

Bonjour,
Voila mon projet est d'afficher google maps dans un web browser dans labview apres des recherche sur intenet j'ai trouver des solutions. il y a donc un fichier HTML qui appelle google maps api et un javascript avec les fonctions.
Bref j'ai reussi a faire marcher mon application tout fonctionné tres bien l'itineraire, l'ajout et la suppression de marker etc...
Pour afficher google maps j'ai donc utiliser un webbrowser dans labview que j'ai creer avec un objet .NET containers dans lequel j'ai ajouter un .NET control qui est "System.windows.forms 4.0.0" et j'ai utiliser le control webbrowser.
Donc tout ceci marcher pour le mieux jusque hier. lors de l'appelle du fichier HTML j'ai un erreur de script.... SAUF que suprise ce script ne vien pas de moi et du coup la map de s'affiche plus dans le webbrowser. L'erreur parle de la propriete display dans l'url "https://maps.gstatic.com/maps-api-v3/api/js/20/0/intl/fr_ALL/onion.js"
je vous joint le code d'erreur ainsi que mon code qui charge mon fichier html
Pouvez vous donc m'aider a trouver comment resoudre cette erreur ou encore si quelqu'un la deja eu...
Merci
Cordialement Florian
Pièces jointes :
erreur_onionjs.PNG ‏13 KB
code_webbrowser.PNG ‏22 KB

Bonjour Florian,
De la lecture de ta problématique je n'ai pas vraiment l'impression que l'erreur est provoquée par LabVIEW. Peux-tu tester ton exemple dans un autre environnement de programmation et voir si cela ne reproduit pas l'erreur? J'imagine que tu as du partir d'un exemple d'un autre langage avant de créer ton programme sous LabVIEW en utilisant les containers .NET?
Bonne journée,
M-Junior

Oracle Maps API and ADF

Tried posting this on the Mapviewer board, but that group is d-e-a-d.....
I'm trying to build an ADF application using JDeveloper around the Oracle Maps API.
I don't have a lot of experience with either, so this is probably an easy one.
Does anyone have an example of using a panelStretchLayout with the div that contains the map? I've been fighting for several hours trying to get a map that auto stretches when the user expands the browser window. I tried putting the div that contains the map in a panelGroupLayout, but I can't seem to get the map to resize when the browser resizes. I've read the rules about when a panelGroupLayout is strechable, and when it isn't.
Is there a best practices for this? Seems like anyone building an ADF app around the Maps API would need this.
As always, thanks for the help

Hi !
I came accross this tutorial in Oracle website.
http://www.oracle.com/technology/obe/obe11jdev/11/dvt/gant_chart_pivot_table.htm
In my case I could not make the adding a map part work and got geoencoder connection error but maybe I am missing a point which you may solve.
Hope it may help.

Sluggish at initial opening and loading websites, google maps print and images not working right, problems are not present in Chrome and Safari

Firefox is very slow opening. Web pages load slowly. When I go to images in a Google search, the pictures take a long time to load, and when I click on an image, then the back arrow, the loading time for the previous page is very slow. When I print a Google map, it is small, rather than full-page. In Google Chrome or Safari, the same actions product immediate results. I cannot get Google desktop to work.

This sounds like a network problem, since it goes away when you connect through a different network. You'll need to talk to your university's IT department about this.

Google Maps API and Spry - tutorial

Similar Messages

Maybe you are looking for