Google map

[Sewerman]

I would like to add my google map to my nav bar but not have it show up on my home page all the time is there a way to do this ?
smugmug page is
plumgraphics.smugmug.com

[richW]

Sample here: http://photos.lmsportspix.com/map

From the control panel enable your map to be viewed on the homepage.

In your footer change this:

<*script*>
if (hasPath("galleries"))
YD.addClass(document.body, "galleries");
<*/script*>

to this:

<*script type="text/javascript"*>
if (hasPath("galleries"))
YD.addClass(document.body, "galleries");

if (hasPath("map"))
YD.addClass(document.body, "map");
<*/script*>

Remove *'s after you paste in the code.



Add to your css section:

.homepage #mapBox,
.galleries #mapBox {display:none;}

.map #galleriesBox,
.map #categoriesBox,
.map #featuredBox,
.map #bioBox {display: none;}

.map #mapBox {display: block;}

Add to your navBar:

<li><a href="http://plumgraphics.smugmug.com/map">Map</a></li>

We made need to adjust the css after you paste in the code.
This should get you going....

[DavidTO]

rich,

I tried all that, and http://davidrosenthal.smugmug.com/map just takes me to my homepage.

[Sewerman]

Sample here: http://photos.lmsportspix.com/map

From the control panel enable your map to be viewed on the homepage.

In your footer change this:

<*script*>
if (hasPath("galleries"))
YD.addClass(document.body, "galleries");
<*/script*>

to this:

<*script type="text/javascript"*>
if (hasPath("galleries"))
YD.addClass(document.body, "galleries");

if (hasPath("map"))
YD.addClass(document.body, "map");
<*/script*>

Remove *'s after you paste in the code.



Add to your css section:

.homepage #mapBox,
.galleries #mapBox {display:none;}

.map #galleriesBox,
.map #categoriesBox,
.map #featuredBox,
.map #bioBox {display: none;}

.map #mapBox {display: block;}

Add to your navBar:

<li><a href="http://plumgraphics.smugmug.com/map">Map</a></li>

We made need to adjust the css after you paste in the code.
This should get you going....

Thanks again Rich! looks good.
The red paint on the sock comment yesterday was in reference to Curt Shilling's bloody sock that the Baltimore annoncer said was paint.

[richW]

rich,

I tried all that, and http://davidrosenthal.smugmug.com/map just takes me to my homepage.David, Did you put this in your js section?
function hasPath(sPath)
{
re = new RegExp("\/" + sPath + "(\/|$)");
return re.test(window.location)
}


http://www.dgrin.com/showthread.php?p=355505#post355505

[richW]

Thanks again Rich! looks good.
The red paint on the sock comment yesterday was in reference to Curt Shilling's bloody sock that the Baltimore annoncer said was paint.Your Welcome....:thumb I thought is was regarding RED SOX

[richW]

David, Add this to your css:
.map #david_ss {display: none !important;}

[DavidTO]

David, Did you put this in your js section?
function hasPath(sPath)
{
re = new RegExp("\/" + sPath + "(\/|$)");
return re.test(window.location)
}


http://www.dgrin.com/showthread.php?p=355505#post355505


Cool. Now I just have to dig into the CSS to format it. :D Thanks!

[richW]

Cool. Now I just have to dig into the CSS to format it. :D Thanks!Your Welcome....:thumb

[mrweisfeld]

I followed these instructions to a T, but made the mistake of using www.photostarmedia.com as the URL for my Google maps API. However, I think i needed to use http://photostar.smugmug.com. How do I edit the key?? I does not appear to be an option any more? :dunno

Thanks

[Adriano61]

I followed all the suggestions and it was easy enough to set my /map page.
I have only one problem: I found the Goggle map covering just partially the block and not working properly (easier to see than explain it: adrianomongini.smugmug.com/map).

The page is working properly only when the map is displayed also in the main page (not including in the CSS code: .homepage #mapBox {display: none;} ).

I think there is another piece of code that is interfering but I can't find it.
I have finished my resources investigating it so I have to ask help to you guys!

[Pactus45]

Hi !

I'm Christophe from France.
On my Smugmug site (www.christophemouton.com (http://www.christophemouton.com/) ), I've a Google Map that I include in the Custom Header of my control panel.
But I see it on each page of my site ! I only want to see it on the homepage....
Can you help me please ?

Thanks a lot and sorry for my English


Christophe Mouton

[digismile]

Hi !

I'm Christophe from France.
On my Smugmug site (www.christophemouton.com (http://www.christophemouton.com/) ), I've a Google Map that I include in the Custom Header of my control panel.
But I see it on each page of my site ! I only want to see it on the homepage....
Can you help me please ?

Thanks a lot and sorry for my English


Christophe Mouton

Bonjour Christophe!

Try adding this to your CSS code and see if this is what you want.

#navcontainer {display: none;}

.homepage #navcontainer {display: block;}

[richW]

Hi !

I'm Christophe from France.
On my Smugmug site (www.christophemouton.com (http://www.christophemouton.com/) ), I've a Google Map that I include in the Custom Header of my control panel.
But I see it on each page of my site ! I only want to see it on the homepage....
Can you help me please ?

Thanks a lot and sorry for my English


Christophe MoutonWelcome to dgrin....:wave

You can wrap all the map code in a division and give the division an i.d., then you can hide the map as needed.

Use the following in your header section:

<div align="center" id="myMap">

<iframe src="http://www.my-google-maps.com/my-google-maps.php?SID=1224358537-UeVCt" width="706" height="380" frameborder="0" hspace="0" vspace="0" marginheight="0" marginwidth="0" scrolling="no"></iframe>

</div>
Add to the css section:

#myMap {display: none;}
.homepage #myMap {display: block;}

See how this works. Need more help? Yell :)

[Pactus45]

Bonjour Christophe!

Try adding this to your CSS code and see if this is what you want.

#navcontainer {display: none;}

.homepage #navcontainer {display: block;}



Thank you for your response Brad
richW's solution was the good one
The Smugmugers community is really great ! :clap
Fast and efficient !!

[Pactus45]

Welcome to dgrin....:wave

You can wrap all the map code in a division and give the division an i.d., then you can hide the map as needed.

Use the following in your header section:

<div align="center" id="myMap">

<iframe src="http://www.my-google-maps.com/my-google-maps.php?SID=1224358537-UeVCt" width="706" height="380" frameborder="0" hspace="0" vspace="0" marginheight="0" marginwidth="0" scrolling="no"></iframe>

</div>
Add to the css section:

#myMap {display: none;}
.homepage #myMap {display: block;}

See how this works. Need more help? Yell :)


Maestro, what I yell is YOU'RE GREAT ! :barb
Thank you !

So, I've another map on my homepage which is "Around the World" but, if it's ok in owner's view, there is a white screen in visitors' view... stange ?...

[Pactus45]

Bonjour Christophe!

Try adding this to your CSS code and see if this is what you want.

#navcontainer {display: none;}

.homepage #navcontainer {display: block;}


Hi Brad
I watch your site very often and I'd want to have the same type of scrolling menus than you. But infortunately, I don't succeed...
Can you help me please ?
I have lots of buttons-menus as you can see... And I think scrolling menus are the solution
Thank you

Christophe

[psjames]

Not sure what I did but it is now working.

Paul


I had it so that psjames.com/map would show my map. I was getting an error and made a change in my sitewide customization and now the map does not show. I want the slide show to show at www.psjames.com then galleries at www.psjames.com/galleries and then map at www.psjames.com/map the smugmug url is lpjames.smugmug.com.

any help would be appriciated.

Thank you,

Paul

[Vana]

I was able to display the map on my homepage. but i like it on my About page: http://www.localcolor7.com/gallery/9123419_KZmh5

A good example will be Andy's Find page: http://www.moonriverphotography.com/find

[RuSu]

Seems I'm getting closer based on these codes provided by Rich. However, I now have an error on my site, which I suspect, though am not sure, is because I haven't any code pointing to my google map which is

?feedType=geoUser&Data=RuSu.

Instead, when clicking on my nav bar map link I'm brought to a map category showing a map gallery when what I want is to have it bring the viewer directly to the map itself as does Rich's.

http://photos.lmsportspix.com/map (http://photos.lmsportspix.com/map)

What do I need to add, delete, do?

Thanks.


Sample here: http://photos.lmsportspix.com/map

From the control panel enable your map to be viewed on the homepage.

In your footer change this:

<*script*>
if (hasPath("galleries"))
YD.addClass(document.body, "galleries");
<*/script*>

to this:

<*script type="text/javascript"*>
if (hasPath("galleries"))
YD.addClass(document.body, "galleries");

if (hasPath("map"))
YD.addClass(document.body, "map");
<*/script*>

Remove *'s after you paste in the code.



Add to your css section:

.homepage #mapBox,
.galleries #mapBox {display:none;}

.map #galleriesBox,
.map #categoriesBox,
.map #featuredBox,
.map #bioBox {display: none;}

.map #mapBox {display: block;}

Add to your navBar:

<li><a href="http://plumgraphics.smugmug.com/map">Map</a></li>

We made need to adjust the css after you paste in the code.
This should get you going....

[RuSu]

Hi Rich,

I've got everything working fine on my rusu.smugmug.com page - all links, including the map function fine.

However, because my google map is assigned to rusu.smugmug.com & my nav bar map links to that, it's screwing up my rusuphotography.com page. When accessing the home page & galleries, I get a message from google saying,

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

How to overcome this problem? John [JFriend] was trying to help with this & he usually has all the answers. He's kind of my hero, but now I need a SUPER HERO!!

Hoping you can assist me. Thx in advance.