Different embedded views from one map?

3 views
Skip to first unread message

tdot

unread,
Oct 2, 2009, 12:17:09 PM10/2/09
to CommunityWalk
I am new to community Walk. Just wondering if there is a way to use a
map I have created and embedded it on various HTML pages with
different views. By This I mean showing a more zoomed in location and
only certain markers on site one, showing another area of the map with
other markers on site two, and so forth?

Jared Cosulich

unread,
Oct 2, 2009, 12:35:10 PM10/2/09
to commun...@googlegroups.com
Yes, this is possible, but a little complicated. You need to use the hash tag that is generated when you click "Link to this map" and add it to the iframe code snippet you put on your own site.

If you need more direction please include the code snippet you are trying to use.

Wesley

unread,
Oct 8, 2009, 10:33:50 PM10/8/09
to CommunityWalk
Hey can you teach me how to do that

Just wondering if there is a way to use a
map I have created and embedded it on various HTML pages with
different views. By This I mean showing a more zoomed in location and
only certain markers on site one, showing another area of the map
with
other markers on site two, and so forth?


this is my snippet code

<iframe src="http://www.communitywalk.com/groups/set_commercial_domain/
422911" onload="if (this.src.indexOf('http://www.communitywalk.com/
iframe/content/422911') == -1) this.src='http://www.communitywalk.com/
iframe/content/422911?zoom=-2' + location.hash" width="300"
height="300" frameborder="0" name="ff_cw_422911" id="ff_cw_422911"
scrolling="no"></iframe><a href="http://www.communitywalk.com/
british_virgin_islands/tortola_virgin_gorda_anegada_jvd/map/422911"
style='display:none'>CommunityWalk Map - tortola virgin gorda anegada
jvd</a><img src='http://www.communitywalk.com/images/blank.gif'
onload="setTimeout(function() {document.getElementById
('ff_cw_422911').onload()}, 100)" />


This is my link to a current view location code below
http://www.communitywalk.com/british_virgin_islands/tortola_virgin_gorda_anegada_jvd/map/422911?hc[]=4547157&hc[]=4547160&hc[]=4547161&hc[]=4547162&hc[]=4547163&hc[]=4547164&hc[]=4547165&hc[]=4547166&hc[]=4547167#121A04A[Zf10718.1fkg8-64.1N8[10


can you put them together and let me see how ?

thanks
wesley



On Oct 2, 12:35 pm, Jared Cosulich <jared.cosul...@gmail.com> wrote:
> Yes, this is possible, but a little complicated. You need to use the hash
> tag that is generated when you click "Link to this map" and add it to the
> iframe code snippet you put on your own site.
>
> If you need more direction please include the code snippet you are trying to

Jared Cosulich

unread,
Oct 8, 2009, 11:24:05 PM10/8/09
to commun...@googlegroups.com
The key for controlling the map on a different website is the hash value that you can get when you click "Link to the map" under the "Share/Export" tab and then "Show options". The value in the text field is the hash value and it can tell the map to show the current view.

It will look like this:

121B04A[Zf10718.1f]N8-64.1N8[10

Now you have two options. You can simply put this at the end of the url for a page where the map is embedded like this:

http://www.mysite.com/map#121B04A[Zf10718.1f]N8-64.1N8[10

Or you can edit the snippet below to contain the hash value like this:http://www.communitywalk.com/
iframe/content/422911?zoom=-2#121B04A[Zf10718.1f]N8-64.1N8[10
" width="300"

height="300" frameborder="0" name="ff_cw_422911" id="ff_cw_422911"
scrolling="no"></iframe><a href="http://www.communitywalk.com/
british_virgin_islands/tortola_virgin_gorda_anegada_jvd/map/422911
"
style='display:none'>
CommunityWalk Map - tortola virgin gorda anegada
jvd</a><img src='http://www.communitywalk.com/images/blank.gif'
onload="setTimeout(function() {document.getElementById
('ff_cw_422911').onload()}, 100)" />


We recommend the first option, but either one will work.

Jared

tdot

unread,
Oct 19, 2009, 5:21:41 PM10/19/09
to CommunityWalk
Hi Jared,

Thanks for your reply. Here is my problem. This map was created by my
clients assistant: http://www.communitywalk.com/okanagancollection
As you will see on that map the assistant has created 10
neighborhoods. What my client now wants to do is create ten separate
html pages on their site each with this map embedded only showing only
the corresponding neighborhood with the others hidden. Is this
possible using just one map?

My playing around with community walk leads me to believe that the
solution is to create ten separate maps.

Tahan

On Oct 8, 8:24 pm, Jared Cosulich <jared.cosul...@gmail.com> wrote:
> The key for controlling the map on a different website is the hash value
> that you can get when you click "Link to the map" under the "Share/Export"
> tab and then "Show options". The value in the text field is the hash value
> and it can tell the map to show the current view.
>
> It will look like this:
>
> 121B04A[Zf10718.1f]N8-64.1N8[10
>
> Now you have two options. You can simply put this at the end of the url for
> a page where the map is embedded like this:
>
> http://www.mysite.com/map#121B04A[Zf10718.1f]N8-64.1N8[10
>
> Or you can edit the snippet below to contain the hash value like this:
>
> <iframe src="http://www.communitywalk.com/groups/set_commercial_domain/
> 422911" onload="if (this.src.indexOf('http://www.communitywalk.com/
> iframe/content/422911<http://www.communitywalk.com/%0Aiframe/content/422911>')
> == -1) this.src='http://www.communitywalk.com/
> iframe/content/422911?zoom=-2#121B04A[Zf10718.1f]N8-64.1N8[10<http://www.communitywalk.com/%0Aiframe/content/422911?zoom=-2>"
> width="300"
> height="300" frameborder="0" name="ff_cw_422911" id="ff_cw_422911"
> scrolling="no"></iframe><a href="http://www.communitywalk.com/
> british_virgin_islands/tortola_virgin_gorda_anegada_jvd/map/422911<http://www.communitywalk.com/%0Abritish_virgin_islands/tortola_virgin...>
> "
> style='display:none'>
>
>
>
> > CommunityWalk Map - tortola virgin gorda anegada
> > jvd</a><img src='http://www.communitywalk.com/images/blank.gif'
> > onload="setTimeout(function() {document.getElementById
> > ('ff_cw_422911').onload()}, 100)" />
>
> We recommend the first option, but either one will work.
>
> Jared
>
>
>
> On Thu, Oct 8, 2009 at 7:33 PM, Wesley <wesley...@gmail.com> wrote:
>
> > Hey can you teach me how to do that
>
> > Just wondering if there is a way to use a
> > map I have created and embedded it on various HTML pages with
> > different views. By This I mean showing a more zoomed in location and
> > only certain markers on site one, showing another area of the map
> > with
> > other markers on site two, and so forth?
>
> >  this is my snippet code
>
> > <iframe src="http://www.communitywalk.com/groups/set_commercial_domain/
> > 422911" onload="if (this.src.indexOf('http://www.communitywalk.com/
> > iframe/content/422911<http://www.communitywalk.com/%0Aiframe/content/422911>')
> > == -1) this.src='http://www.communitywalk.com/
> > iframe/content/422911?zoom=-2<http://www.communitywalk.com/%0Aiframe/content/422911?zoom=-2>'
> > + location.hash" width="300"
> > height="300" frameborder="0" name="ff_cw_422911" id="ff_cw_422911"
> > scrolling="no"></iframe><a href="http://www.communitywalk.com/
> > british_virgin_islands/tortola_virgin_gorda_anegada_jvd/map/422911<http://www.communitywalk.com/%0Abritish_virgin_islands/tortola_virgin...>
> > "
> > style='display:none'>CommunityWalk Map - tortola virgin gorda anegada
> > jvd</a><img src='http://www.communitywalk.com/images/blank.gif'
> > onload="setTimeout(function() {document.getElementById
> > ('ff_cw_422911').onload()}, 100)" />
>
> > This is my link to a current view location code below
>
> >http://www.communitywalk.com/british_virgin_islands/tortola_virgin_go...[]=4547157&hc[]=4547160&hc[]=4547161&hc[]=4547162&hc[]=4547163&hc[]=4547164 &hc[]=4547165&hc[]=4547166&hc[]=4547167#121A04A[Zf10718.1fkg8-64.1N8[10

tdot

unread,
Oct 19, 2009, 7:11:43 PM10/19/09
to CommunityWalk
Here is a link to my map:
http://www.communitywalk.com/okanagancollection

Here is my code snippet:
<iframe src="http://www.communitywalk.com/groups/set_commercial_domain/
429310" onload="if (this.src.indexOf('http://www.communitywalk.com/
view/429310') == -1) this.src='http://www.communitywalk.com/view/
429310' + location.hash" width="800" height="600" frameborder="0"
name="ff_cw_429310" id="ff_cw_429310" scrolling="no"></iframe><a
href="http://www.communitywalk.com/okanagancollection"
style='display:none'>CommunityWalk Map - Okanagan Collection |
Sotheby's International Realty Canada</a><img src='http://
www.communitywalk.com/images/blank.gif' onload="setTimeout(function()
{document.getElementById('ff_cw_429310').onload()}, 100)" />

I need to create ten individual pages for each marker. On each
corresponding page I need to have this one map embedded but displaying
only the individual marker.

Please help me.

On Oct 8, 8:24 pm, Jared Cosulich <jared.cosul...@gmail.com> wrote:
> The key for controlling the map on a different website is the hash value
> that you can get when you click "Link to the map" under the "Share/Export"
> tab and then "Show options". The value in the text field is the hash value
> and it can tell the map to show the current view.
>
> It will look like this:
>
> 121B04A[Zf10718.1f]N8-64.1N8[10
>
> Now you have two options. You can simply put this at the end of the url for
> a page where the map is embedded like this:
>
> http://www.mysite.com/map#121B04A[Zf10718.1f]N8-64.1N8[10
>
> Or you can edit the snippet below to contain the hash value like this:
>
> <iframe src="http://www.communitywalk.com/groups/set_commercial_domain/
> 422911" onload="if (this.src.indexOf('http://www.communitywalk.com/
> iframe/content/422911<http://www.communitywalk.com/%0Aiframe/content/422911>')
> == -1) this.src='http://www.communitywalk.com/
> iframe/content/422911?zoom=-2#121B04A[Zf10718.1f]N8-64.1N8[10<http://www.communitywalk.com/%0Aiframe/content/422911?zoom=-2>"
> width="300"
> height="300" frameborder="0" name="ff_cw_422911" id="ff_cw_422911"
> scrolling="no"></iframe><a href="http://www.communitywalk.com/
> british_virgin_islands/tortola_virgin_gorda_anegada_jvd/map/422911<http://www.communitywalk.com/%0Abritish_virgin_islands/tortola_virgin...>
> "
> style='display:none'>
>
>
>
> > CommunityWalk Map - tortola virgin gorda anegada
> > jvd</a><img src='http://www.communitywalk.com/images/blank.gif'
> > onload="setTimeout(function() {document.getElementById
> > ('ff_cw_422911').onload()}, 100)" />
>
> We recommend the first option, but either one will work.
>
> Jared
>
>
>
> On Thu, Oct 8, 2009 at 7:33 PM, Wesley <wesley...@gmail.com> wrote:
>
> > Hey can you teach me how to do that
>
> > Just wondering if there is a way to use a
> > map I have created and embedded it on various HTML pages with
> > different views. By This I mean showing a more zoomed in location and
> > only certain markers on site one, showing another area of the map
> > with
> > other markers on site two, and so forth?
>
> >  this is my snippet code
>
> > <iframe src="http://www.communitywalk.com/groups/set_commercial_domain/
> > 422911" onload="if (this.src.indexOf('http://www.communitywalk.com/
> > iframe/content/422911<http://www.communitywalk.com/%0Aiframe/content/422911>')
> > == -1) this.src='http://www.communitywalk.com/
> > iframe/content/422911?zoom=-2<http://www.communitywalk.com/%0Aiframe/content/422911?zoom=-2>'
> > + location.hash" width="300"
> > height="300" frameborder="0" name="ff_cw_422911" id="ff_cw_422911"
> > scrolling="no"></iframe><a href="http://www.communitywalk.com/
> > british_virgin_islands/tortola_virgin_gorda_anegada_jvd/map/422911<http://www.communitywalk.com/%0Abritish_virgin_islands/tortola_virgin...>
> > "
> > style='display:none'>CommunityWalk Map - tortola virgin gorda anegada
> > jvd</a><img src='http://www.communitywalk.com/images/blank.gif'
> > onload="setTimeout(function() {document.getElementById
> > ('ff_cw_422911').onload()}, 100)" />
>
> > This is my link to a current view location code below
>
> >http://www.communitywalk.com/british_virgin_islands/tortola_virgin_go...[]=4547157&hc[]=4547160&hc[]=4547161&hc[]=4547162&hc[]=4547163&hc[]=4547164 &hc[]=4547165&hc[]=4547166&hc[]=4547167#121A04A[Zf10718.1fkg8-64.1N8[10

Jared Cosulich

unread,
Oct 20, 2009, 1:06:23 AM10/20/09
to commun...@googlegroups.com
Hi Tahan,

Generally speaking we would recommend creating 10 maps for this as they take time to load and it's not ideal to overload them like that. It's also confusion to have the marker lists showing extra markers that aren't relevant to the current view.

That said, the instructions I provided below will allow you to do what you've described with one map.

Jared
Reply all
Reply to author
Forward
0 new messages