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!

Similar Messages

  • How can I change the style of a google map in Adobe Muse?

    I have seen some nice changes of google maps out there.
    This tool helps you to customize your maps.
    http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html
    When I want to integrate a google map I copy in something like this:
    <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.de/?ie=UTF8&ll=50.111772,5.50415&spn=1.657435,3.177795&t=m&z=9&output= embed"></iframe><br /><small><a href="https://maps.google.de/?ie=UTF8&ll=50.111772,5.50415&spn=1.657435,3.177795&t=m&z=9&source= embed" style="color:#0000FF;text-align:left">Größere Kartenansicht</a></small>
    the style code i made looks like:
    [ { "stylers": [ { "invert_lightness": true }, { "hue": "#00b2ff" }, { "lightness": 5 } ] },{ "featureType": "road", "elementType": "labels", "stylers": [ { "visibility": "off" } ] },{ "featureType": "poi", "elementType": "geometry", "stylers": [ { "visibility": "off" } ] },{ "featureType": "poi", "elementType": "labels", "stylers": [ { "visibility": "off" } ] },{ "featureType": "transit", "stylers": [ { "visibility": "off" } ] } ]
    Where should I copy the style code?
    I have no idea... :-/
    Please help!

    The style code is JavaScript that goes into the respective script section. It says so on the Google Maps API page.
    Mylenium

  • How to load the google map into an empty movieclip

    how to load the google map into an empty movieclip ?  Thank you

    if you're using as3, check the google maps api for flash.  if you're using as2, check the google maps api for javascript and use the externalinterface class in flash.

  • How can I install Google Maps on IOS 6?

    Since I upgraded to IOS 6, Google Maps has been replaced by a poorer Apple version that doesn't support public transport. I want Google maps back. How can I install Google Maps on IOS 6 or downgrade to IOS 5?
    Thanks.

    Google Maps has not yet or does not look  like they are creating a standalone app at this time.
    It is not easy to downgrade, not recommended by Apple, very involved in order to do that. Again, not recommended.
    Use MapQuest for now if you are unhappy with Apple Maps. I was never happy with Google Maps, so I have been using MapQuest for a long time for all directions.

  • How can i install google maps on an iphone 3gs with latest os

    how can i install google maps on an iphone 3gs with latest os

    Actually Apple has developed its own maps and no more have it in sync with google as it did before so now apple has its own mapping software.
    http://www.nytimes.com/2012/09/20/technology/apple-ios-6-leaves-out-googles-maps .html?_r=0

  • How can i get Google maps back on, i lost them with the ios6 update, the new maps are terrible

    how can i get Google maps back on, i lost them with the ios6 update, the new maps are terrible

    It's still not known if and when Google Maps becomes available in the AppStore. This is today's story: http://www.macrumors.com/2012/09/25/google-has-not-yet-submitted-a-google-maps-a pp-to-apple/

  • How do I get google maps back and turn on location services so I don't have to use your absolutely garbage maps

    How do I get google maps back so I don't have to use apples disgusting version of an attempt at a map

    You don't. You can use Safari and go to mobile Google maps and after opening that, tap on the arrow on the bottom of the page and save it to the homescreen. That will allow you to use Google maps web app on the phone. There is a rumor that Google is working on a stand alone app for the App store however no one knows yet if it has been submitted.

  • Apple IOS6 Maps a serious downgrade. How can I get google maps back!

    Apple IOS6 Maps a serious downgrade. How can I get google maps back?

    Try using this for the time being
    https://maps.google.com/

  • TS1702 How can I get google maps back??

    How can I get google maps back?????? Can I get google maps on android, can I get iTunes on android or will I have to close my account and copy all my music over?please help

    Do you own an actual apple product that you need help with?

  • How do you load google maps as they are not preloaded

    how do you load google maps as they are not preloaded and it would take long time by moving around on the maps

    You can't. The built in Maps app does not store data locally on your phone. It requires a data connection to display location info.

  • How do I get google maps app back after I mistakenly deleted it?

    How do I get google maps app that came installed on phone back after I mistakenly deleted it ?  It doesn't show on my apps page since it was preloaded on the   phone ?  Is there a way to restore it without having to do a complete restore?

    Nope.  Power cycle the phone first (turn it off, then on) to see if it just needs to be rebooted.
    If not, it's not really that big of a deal.  Connect to iTunes, let it sync, click the "restore" button and let it restore.  When it asks if you want to restore your data back onto the phone, say yes, and when it's done, you'll be right where you are now plus the google map application and all your data. 
    What gets me is... how do you "accidentally" delete an undeletable system application?  The only way I know would be to jailbreak the phone, so, if it is jailbroken, be sure you can get it re-jailbroken, ( and unlocked if necessary) as well before it will be usable for the telephone function.

  • I hate the new Apple Map.  The directions are confusing.  How do I get google maps back on my iPad and iPhone?

    I hate the New Apple Map.  The directions are confusing and do not continue by pressing 'next.'  How do I get Google Maps back to my iPad and iPhone?  Thank you.

    Start Safari
    Enter the URL:  http://maps.google.com/#bmb=1
    tap "Go"
    Now that you have Google Maps up on Safari, tap the bottom center icon (box with arrow pointing to the right).
    Select "Add to Home Screen".
    You will now have a Google Maps icon on your iPhone/iPad/iPod Touch that will take you to Google maps.
    There are other map services available.  MapQuest, Waze, NavFree, OffMaps, etc...

  • How do you get google re-captcha to work in Muse.

    I recently added a contact form, using google's re-captcha, to my Muse website.
    I pasted the site key and secret keys into the form.
    Also pasted the script code in the Head tag, <script src='https://www.google.com/recaptcha/api.js'></script>.
    And pasted the form code just above the send button, at the end of the form code.
    <div class="g-recaptcha" data-sitekey="6Ldxf_4SAAAAALQzrikuctOLN6vXN6OLlvORenpd"></div>.
    The form does not send any messages to my email address, and I have 2 re-captcha input boxes, the code above, puts the re-captcha box behind the name and email input text fields.
    My question is, can someone explain to me the procedure to get my contact form to work with Google's re-captcha, in Muse CC 2014?

    Thanks a lot David. I needed to ditch the form code, and forward my emails. I finally got it going.
    Thanks for taking the time to help out, and I hope you have a great day.
    JP
          From: smeedee <[email protected]>
    To: James Shea <[email protected]>
    Sent: Thursday, December 4, 2014 6:36 AM
    Subject:  How do you get google re-captcha to work in Muse.
    How do you get google re-captcha to work in Muse.
    created by smeedee in Help with using Adobe Muse CC - View the full discussionHi,You don't need to add any code at all. Just the two keys. And you must upload before it will work. It won't work in preview. My advice is ditch the form code Hope this helps David If the reply above answers your question, please take a moment to mark this answer as correct by visiting: https://forums.adobe.com/message/6985109#6985109 and clicking ‘Correct’ below the answer Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: Please note that the Adobe Forums do not accept email attachments. If you want to embed an image in your message please visit the thread in the forum and click the camera icon: https://forums.adobe.com/message/6985109#6985109 To unsubscribe from this thread, please visit the message page at , click "Following" at the top right, & "Stop Following"  Start a new discussion in Help with using Adobe Muse CC by email or at Adobe Community For more information about maintaining your forum email notifications please go to https://forums.adobe.com/thread/1516624.

  • How do I initiate a tech support chat with Adobe Muse if I don't have a url?

    How do I initiate a tech chat support with Adobe Muse if I don't have a url?

    Hello,
    Please follow the steps in the article to contact chat support for Muse.
    http://helpx.adobe.com/x-productkb/policy-pricing/support-options-muse.html
    Regards,
    Sachin

  • How to Insert an skype or phone call link | Adobe Muse CC

    Hi - How to Insert an skype or iMessages link in Adobe Muse CC like mailto: ??

    Hello,
    You can try this widget.
    https://creative.adobe.com/addons/products/2208
    Regards
    Vivek

Maybe you are looking for