Map Page Problems

[piercingperceptions]

So I am trying to make a map page on my website and I have looked at the dgrin forum for information.

I put in the codes that are suppose to be and in the CSS I put:
.mapGallery #myBio,
.galleries #myBio,
#myBio {display:none;}
/* galleries */
.homepage #mapBox,
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}
.galleries #mapBox,
.galleries #bioBox {
display: none;
}
.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox {
display: block;
}
.mapGallery #galleriesBox,
.mapGallery #categoriesBox,
.mapGallery #featuredBox,
.mapGallery #myBio {
display: none;
}
.mapGallery #mapBox {
display: block;
}

The home page has what it is suppose to have on it and so does the gallery page. But when it comes to the map page it doesn't have the map. And instead it has the bio and popular photos. What is going on? I checked the codes. Also what do we type in to remove the popular photos from a page. ie to remove the galleries you type galleriesbox. So what do you type for popular photos?

What do I do!? Help please!

PP

[Allen]

So I am trying to make a map page on my website and I have looked at the dgrin forum for information.

...
You have a direct link to this map page? I'm thinking that you are seeing the
homepage instead because no duplicate homepage has been defined for
mapGallery.

You would need to add it to your bottom javascript to create it.

function hasPath(sPath)
{
re = new RegExp("\/" + sPath + "(\/|$)");
return re.test(window.location)
}

if (hasPath("galleries"))
YD.addClass(document.body, "galleries");

if (hasPath("mapGallery"))
YD.addClass(document.body, "mapGallery");

[piercingperceptions]

You have a direct link to this map page? I'm thinking that you are seeing the
homepage instead because no duplicate homepage has been defined for
mapGallery.

You would need to add it to your bottom javascript to create it.

function hasPath(sPath)
{
re = new RegExp("\/" + sPath + "(\/|$)");
return re.test(window.location)
}

if (hasPath("galleries"))
YD.addClass(document.body, "galleries");

if (hasPath("mapGallery"))
YD.addClass(document.body, "mapGallery");



Yup. Check. Have that exact code in the bottom javascript. So what else do you think it could be? Also just for your information the map isn't showing up at all on the map page or anywhere else on the webiste. Thanks for the help!

[Allen]

Yup. Check. Have that exact code in the bottom javascript. So what else do you think it could be? Also just for your information the map isn't showing up at all on the map page or anywhere else on the webiste. Thanks for the help!
You are missing this bold part that creates the mapGallery duplicate homepage.

if (hasPath("mapGallery"))
YD.addClass(document.body, "mapGallery");

Also look under the "Homepage Layout" button on your homepage and make
sure "Around the World" is checked.

[Candid Arts]

You are missing this bold part that creates the mapGallery duplicate homepage.

if (hasPath("mapGallery"))
YD.addClass(document.body, "mapGallery");

Also look under the "Homepage Layout" button on your homepage and make
sure "Around the World" is checked.

Isn't the last part in her code that she gave you the exact same thing as you just posted here in bold? It looks that way to me...

(I'm actually the one with this problem, she is helping me with my site (room mate), and yes I have the "Around the World" thing checked as well, the only way I can view the map is by clicking the "Map This" button)

Thank you for all your help, it has been very helpful.

[Allen]

Isn't the last part in her code that she gave you the exact same thing as you just posted here in bold? It looks that way to me...

(I'm actually the one with this problem, she is helping me with my site (room mate), and yes I have the "Around the World" thing checked as well, the only way I can view the map is by clicking the "Map This" button)

Thank you for all your help, it has been very helpful.
Because I saw .mapGallery in your CSS I assumed you wanted a gallery just
for the map. The mapbox is one of the items on the homepage that can be
turned on. By making a duplicate homepage all the items will be shown.
CSS is used to toggle items on/off on each duplicate homepage. Your
galleries page is one of those. You need a set of script to create each
duplicate page and only one, galleries, is currently in the javascript.

.mapGallery #mapBox {
display: block;
}

[Candid Arts]

Because I saw .mapGallery in your CSS I assumed you wanted a gallery just
for the map. The mapbox is one of the items on the homepage that can be
turned on. By making a duplicate homepage all the items will be shown.
CSS is used to toggle items on/off on each duplicate homepage. Your
galleries page is one of those. You need a set of script to create each
duplicate page and only one, galleries, is currently in the javascript.

.mapGallery #mapBox {
display: block;
}

So I understand what you are saying in this, the problem is that I already have that code in my CSS. Here is everything I have for my pages in my CSS...


.mapGallery #myBio,
.galleries #myBio,
#myBio {display:none;}

/* galleries */
.homepage #mapBox,
.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}

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

.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox {
display: block;
}

.mapGallery #galleriesBox,
.mapGallery #categoriesBox,
.mapGallery #featuredBox,
.mapGallery #myBio {
display: none;
}

.mapGallery #mapBox {
display: block;
}

My Map Gallery (Map Page) looks identical to my homepage, and on none of my pages do I actually have the map.

Do I actually need to create a gallery in my galleries for my map? If so, how do I do that?

[Candid Arts]

any ideas?

[Allen]

any ideas?
What's the link to the mapGallery? Betcha's just seeing the homepage if you're using this.
http://www.candidartsphotography.com/mapGallery
Because the page mapGallery does not exist until you create it in your javascript.

[Candid Arts]

What's the link to the mapGallery? Betcha's just seeing the homepage if you're using this.
http://www.candidartsphotography.com/mapGallery
Because the page mapGallery does not exist until you create it in your javascript.

So you're saying I need to create mapGallery in my javascript? How do I do that?

I do have this in my bottom javascript, is this what you're talking about or is there something else I need?:


function hasPath(sPath)
{
re = new RegExp("\/" + sPath + "(\/|$)");
return re.test(window.location)
}

if (hasPath("galleries"))
YD.addClass(document.body, "galleries");


if (hasPath("mapGallery"))
YD.addClass(document.body, "mapGallery");

if (hasPath("mapGallery"))
YD.addClass(document.body, "mapGallery");

[Allen]

So you're saying I need to create mapGallery in my javascript? How do I do that?

I do have this in my bottom javascript, is this what you're talking about or is there something else I need?:


function hasPath(sPath)
{
re = new RegExp("\/" + sPath + "(\/|$)");
return re.test(window.location)
}

if (hasPath("galleries"))
YD.addClass(document.body, "galleries");


if (hasPath("mapGallery"))
YD.addClass(document.body, "mapGallery");

if (hasPath("mapGallery"))
YD.addClass(document.body, "mapGallery");
Looks like it's working. You can remove the extra
if (hasPath("mapGallery"))
YD.addClass(document.body, "mapGallery");
in your javascript.

direct link to mapGallery
http://www.candidartsphotography.com/mapGallery

What boxes do you want on each page, homepage, galleries and mapGallery?
Is that what is left to do?

[Candid Arts]

Looks like it's working. You can remove the extra
if (hasPath("mapGallery"))
YD.addClass(document.body, "mapGallery");
in your javascript.

direct link to mapGallery
http://www.candidartsphotography.com/mapGallery

What boxes do you want on each page, homepage, galleries and mapGallery?
Is that what is left to do?

Looks like it's working? If you click my "Photo Map" page which links you to candidartsphotography.com/mapgallery, but the page looks identical to my homepage. Atleast that's what happens when I do it on my computer. I still don't have a map anywhere on my page, except when you click the "Map This" button, but even then it just links you to a new page with a big version of the map. It still doesn't have the little map that's always visible on my "Photo Map" (mapGallery) page.

I thought I could delete that extra one, but wasn't sure.

Homepage - I want my bio and featured photos.
Galleries - Featured Galleries, Popular Photos, Categories.
mapGallery (Photo Map) - The google map, and possibly a little text box that I can type some info in.

[richW]

Looks like it's working? If you click my "Photo Map" page which links you to candidartsphotography.com/mapgallery, but the page looks identical to my homepage. Atleast that's what happens when I do it on my computer. I still don't have a map anywhere on my page, except when you click the "Map This" button, but even then it just links you to a new page with a big version of the map. It still doesn't have the little map that's always visible on my "Photo Map" (mapGallery) page.

I thought I could delete that extra one, but wasn't sure.

Homepage - I want my bio and featured photos.
Galleries - Featured Galleries, Popular Photos, Categories.
mapGallery (Photo Map) - The google map, and possibly a little text box that I can type some info in.
Change your navbar link to this: http://www.candidartsphotography.com/mapGallery

Then change this:


.mapGallery #galleriesBox,
.mapGallery #categoriesBox,
.mapGallery #featuredBox,
.mapGallery #myBio {
display: none;
}


To this:


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

To add a text box on the map page add the following to the footer:

<div class="box" id="mapInfoBox">
<h3 class="title">After selecting one of the green markers above you can:</h3>
<ul class="noindent">
<li>Use the slider to zoom</li>
<li>Click &amp; drag to scroll</li>
<li>Click a map marker to see a thumbnail &amp; caption</li>
<li>Click the thumbnail to see a larger version</li>
<li>Click the thumbnails &amp; links on the right column for tricky surprises</li>
</ul></div>


Add this above your 'gallery page' css:

#mapInfoBox {
display: none;
margin: 0 auto;
width: 729px;
border-left: solid 1px white;
padding: 10px;
margin-top: -25px;}

Change this:

.mapGallery #mapBox {
display: block;
}

To this:


.mapGallery #mapBox,
.mapGallery #mapInfoBox {
display: block;
}


Adjust the text in the box as needed...

[Candid Arts]

AMAZING! Thank you so much, it worked perfectly!

You should post on here more often...brilliante

[Candid Arts]

Ok... Old thread being brought back to life.

I took this feature off awhile back but I am putting my PHOTO MAP page back on my site.

Now that I've created the PHOTO MAP tab, and got the map on the page, everything is working fine except for when you click the PHOTO MAP tab, the HOME tab is still highlighted as if that is where you were, but the URL is the /mapgallery and you're actually viewing the map.

Thank you anyone who can help me with this.

[Candid Arts]

Alright, now my photo map page is not even working. It just goes back to my home page. It was working fine yesterday, all day. What's wrong with it now?

[Allen]

Alright, now my photo map page is not even working. It just goes back to my home page. It was working fine yesterday, all day. What's wrong with it now?
Looks like it is working now.

btw, remove this dup js from your footer js, it's in your top js.

function hasPath(sPath) (http://www.dgrin.com/){
(http://www.dgrin.com/)re = new RegExp("\/" + sPath + "(\/|$)");
(http://www.dgrin.com/)return re.test(window.location)
(http://www.dgrin.com/)}

[Candid Arts]

Looks like it is working now.

btw, remove this dup js from your footer js, it's in your top js.

function hasPath(sPath) (http://www.dgrin.com/){
(http://www.dgrin.com/)re = new RegExp("\/" + sPath + "(\/|$)");
(http://www.dgrin.com/)return re.test(window.location)
(http://www.dgrin.com/)}

what the heck? I haven't changed anything. All day yesterday the map page did not work, just showed my home page, I wake up and it works...?

I will remove that coding. Thanks for pointing that out.

[Candid Arts]

Ok. I was logged out, map page worked.

I logged in, removed the duplicate code in my Bottom Javascript, went back to the photo map page, and it says I need a google map api key. I already have one, and it is in place.

I log out, and now the map page works.

Why doesn't it work when I'm logged in?

[Candid Arts]

Ok, so I've done a bunch of changes to my site, but nothing that has to do with the photo map page.

When I click on the link for PHOTO MAP, the box comes up with the map navigation, but the box is empty. No map.

Any ideas?

Thanks.