?
Solved

How can I embed an existing user map into a joomla site?

Posted on 2011-09-12
3
Medium Priority
?
524 Views
Last Modified: 2012-05-12
Can anyone help me embed the following map, as is, into a joomla site (currently 1.5 but need something that will be compatible with upgrades).

http://maps.google.com/maps/ms?ie=UTF8&hl=en&msa=0&msid=212355384866509792128.00046f9587b078a5160a0&source=embed&t=m&vpsrc=0&ll=-35.192138,138.54794&spn=0.208149,0.149603
0
Comment
Question by:TonyCabone
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
3 Comments
 
LVL 12

Assisted Solution

by:Panagiotis S
Panagiotis S earned 200 total points
ID: 36527564
download the google  maps plugin, enable it and then in an article put the following

{mosmap width='580'|height='400'|lat='38.05413'|lon='23.83912'|zoom='16'|zoomType='Large'|zoomNew='0'|showMaptype='1'|overview='0'|text='your text'|tooltip='......'|marker='1'|align='center'} </p>



0
 
LVL 111

Assisted Solution

by:Ray Paseur
Ray Paseur earned 200 total points
ID: 36528673
You might consider using a Google static map.  It lets you embed an image, which should be fairly future-proof.  I have an example in this article.
http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/PHP/A_3350-Using-the-Google-Maps-API-in-PHP.html
0
 
LVL 13

Accepted Solution

by:
Andrew Derse earned 1600 total points
ID: 36542494
Ok, this is a more simple solution for your requestion and might not work for your purposes, but you might want to give it a shot as it's a quick and dirty solution for you.

1) Go to your Google make through the URL you provided above.

In the upper right hand corner you will see a link button...click on it:

 Link button
Copy the iFrame URL...should look like this:
 
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps/ms?ie=UTF8&hl=en&msa=0&msid=212355384866509792128.00046f9587b078a5160a0&source=embed&t=m&vpsrc=6&ll=-35.192138,138.54794&spn=0.208149,0.149603&output=embed"></iframe>
<small>View <a href="http://maps.google.com/maps/ms?ie=UTF8&hl=en&msa=0&msid=212355384866509792128.00046f9587b078a5160a0&source=embed&t=m&vpsrc=6&ll=-35.192138,138.54794&spn=0.208149,0.149603" style="color:#0000FF;text-align:left">Mclaren Vale Wineries</a> in a larger map</small>

Open in new window


Now, you will need Jumi a custom content plugin/module/component in order for this to work.  You can download that from here:
http://extensions.joomla.org/extensions/edition/custom-code-in-content/1023

After Jumi installs it will create a Jumi module.

Open up that module and paste the <iframe> html into the code section:
 Jumi
Apply a module position and Save the page.

Here's what it would look like when completed.
 Test Site - Map
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Color can increase conversions, create feelings of warmth or even incite people to get behind a cause. If you want your website to really impact site visitors, then it is vital to consider the impact color has on them.
Does your audience prefer people in photos or no people? How can you best highlight what you’re selling? What are your competitors doing, and what can you do that is different and unique from them?  Continue reading to learn how to make your images …
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

771 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question