Overview Map embedded in map (Google-like)

6 messages Options
Embed this post
Permalink
Nolte, Tim

Overview Map embedded in map (Google-like)

Reply Threaded More More options
Print post
Permalink
I was wondering if there is a built-in way to embed the Overview Map
inside the Map window either like Google Maps has it or as a floating
window like in MGOS/Fusion? I have moved it from the Panels layout and
added an 'OverviewMap' div inside my 'Map' div and I can see it in there
in a weird way so I supposed it could be just a matter of applying the
right CSS to get something close to what I want. Anyone doing something
like this already?

- Tim

----
Timothy J Nolte - [hidden email]
Network Planning Engineer

iPCS Wireless, Inc.
4717 Broadmoor Ave, Suite G
Kentwood, MI 49512

Office: 616-656-5163
PCS:    616-706-2438
Fax:    616-554-6484
Web: www.ipcswirelessinc.com
_______________________________________________
fusion-users mailing list
[hidden email]
http://lists.osgeo.org/mailman/listinfo/fusion-users
Fred warnock

Re: Overview Map embedded in map (Google-like)

Reply Threaded More More options
Print post
Permalink
Hi Tim,

As you have suggested it is just a matter of applying the right CSS to
the DIV you created.

something like the following will put it in the bottom right corner of
the map:

#OverviewMap {
   display: block;
   position: absolute;
   width: 100px;
   height: 100px;
   z-index: 1001;
   bottom: 0px;
   right: 0px;
}

Make sure you set the z-index high enough to get on top of the open
layers map, and also make sure you put a z-index on the map container
because FF3 is now quite picky about how the z-index stacks work.

Fred

Nolte, Tim wrote:

> I was wondering if there is a built-in way to embed the Overview Map
> inside the Map window either like Google Maps has it or as a floating
> window like in MGOS/Fusion? I have moved it from the Panels layout and
> added an 'OverviewMap' div inside my 'Map' div and I can see it in there
> in a weird way so I supposed it could be just a matter of applying the
> right CSS to get something close to what I want. Anyone doing something
> like this already?
>
> - Tim
>
> ----
> Timothy J Nolte - [hidden email]
> Network Planning Engineer
>
> iPCS Wireless, Inc.
> 4717 Broadmoor Ave, Suite G
> Kentwood, MI 49512
>
> Office: 616-656-5163
> PCS:    616-706-2438
> Fax:    616-554-6484
> Web: www.ipcswirelessinc.com
> _______________________________________________
> fusion-users mailing list
> [hidden email]
> http://lists.osgeo.org/mailman/listinfo/fusion-users
>
_______________________________________________
fusion-users mailing list
[hidden email]
http://lists.osgeo.org/mailman/listinfo/fusion-users
Nolte, Tim

RE: Overview Map embedded in map (Google-like)

Reply Threaded More More options
Print post
Permalink
Fred,

Thanks, actually I was impatient so just decided to go the CSS route. I
actually did get a pretty good embedded Google style overview map. Only
thing now I'm trying to accomplish is some sort of show/hide button for
it.

- Tim

----
Timothy J Nolte - [hidden email]
Network Planning Engineer

iPCS Wireless, Inc.
4717 Broadmoor Ave, Suite G
Kentwood, MI 49512

Office: 616-656-5163
PCS:    616-706-2438
Fax:    616-554-6484
Web: www.ipcswirelessinc.com

> -----Original Message-----
> From: Fred warnock [mailto:[hidden email]]
> Sent: Friday, August 08, 2008 10:50 AM
> To: Nolte, Tim
> Cc: [hidden email]
> Subject: Re: [fusion-users] Overview Map embedded in map (Google-like)
>
> Hi Tim,
>
> As you have suggested it is just a matter of applying the
> right CSS to
> the DIV you created.
>
> something like the following will put it in the bottom right
> corner of
> the map:
>
> #OverviewMap {
>    display: block;
>    position: absolute;
>    width: 100px;
>    height: 100px;
>    z-index: 1001;
>    bottom: 0px;
>    right: 0px;
> }
>
> Make sure you set the z-index high enough to get on top of the open
> layers map, and also make sure you put a z-index on the map container
> because FF3 is now quite picky about how the z-index stacks work.
>
> Fred
>
> Nolte, Tim wrote:
> > I was wondering if there is a built-in way to embed the Overview Map
> > inside the Map window either like Google Maps has it or as
> a floating
> > window like in MGOS/Fusion? I have moved it from the Panels
> layout and
> > added an 'OverviewMap' div inside my 'Map' div and I can
> see it in there
> > in a weird way so I supposed it could be just a matter of
> applying the
> > right CSS to get something close to what I want. Anyone
> doing something
> > like this already?
> >
> > - Tim
> >
> > ----
> > Timothy J Nolte - [hidden email]
> > Network Planning Engineer
> >
> > iPCS Wireless, Inc.
> > 4717 Broadmoor Ave, Suite G
> > Kentwood, MI 49512
> >
> > Office: 616-656-5163
> > PCS:    616-706-2438
> > Fax:    616-554-6484
> > Web: www.ipcswirelessinc.com
> > _______________________________________________
> > fusion-users mailing list
> > [hidden email]
> > http://lists.osgeo.org/mailman/listinfo/fusion-users
> >
>
>
_______________________________________________
fusion-users mailing list
[hidden email]
http://lists.osgeo.org/mailman/listinfo/fusion-users
Tómas Guðmundsson

RE: Overview Map embedded in map (Google-like)

Reply Threaded More More options
Print post
Permalink
Tim,

You can easily create a new widget that inherits from Widget and ButtonBase and then stamp it on to the menubar. But you can also modify a Boolean value into the "ShowOverviewMap" widget so that it keeps track on its state.

bShown ? hide() : show(); // I think :)

Just one line it ;)

Regards,
Tómas.

-----Original Message-----
From: [hidden email] [mailto:[hidden email]] On Behalf Of Nolte, Tim
Sent: 11. ágúst 2008 13:57
To: Fred warnock
Cc: [hidden email]
Subject: RE: [fusion-users] Overview Map embedded in map (Google-like)

Fred,

Thanks, actually I was impatient so just decided to go the CSS route. I
actually did get a pretty good embedded Google style overview map. Only
thing now I'm trying to accomplish is some sort of show/hide button for
it.

- Tim

----
Timothy J Nolte - [hidden email]
Network Planning Engineer

iPCS Wireless, Inc.
4717 Broadmoor Ave, Suite G
Kentwood, MI 49512

Office: 616-656-5163
PCS:    616-706-2438
Fax:    616-554-6484
Web: www.ipcswirelessinc.com

> -----Original Message-----
> From: Fred warnock [mailto:[hidden email]]
> Sent: Friday, August 08, 2008 10:50 AM
> To: Nolte, Tim
> Cc: [hidden email]
> Subject: Re: [fusion-users] Overview Map embedded in map (Google-like)
>
> Hi Tim,
>
> As you have suggested it is just a matter of applying the
> right CSS to
> the DIV you created.
>
> something like the following will put it in the bottom right
> corner of
> the map:
>
> #OverviewMap {
>    display: block;
>    position: absolute;
>    width: 100px;
>    height: 100px;
>    z-index: 1001;
>    bottom: 0px;
>    right: 0px;
> }
>
> Make sure you set the z-index high enough to get on top of the open
> layers map, and also make sure you put a z-index on the map container
> because FF3 is now quite picky about how the z-index stacks work.
>
> Fred
>
> Nolte, Tim wrote:
> > I was wondering if there is a built-in way to embed the Overview Map
> > inside the Map window either like Google Maps has it or as
> a floating
> > window like in MGOS/Fusion? I have moved it from the Panels
> layout and
> > added an 'OverviewMap' div inside my 'Map' div and I can
> see it in there
> > in a weird way so I supposed it could be just a matter of
> applying the
> > right CSS to get something close to what I want. Anyone
> doing something
> > like this already?
> >
> > - Tim
> >
> > ----
> > Timothy J Nolte - [hidden email]
> > Network Planning Engineer
> >
> > iPCS Wireless, Inc.
> > 4717 Broadmoor Ave, Suite G
> > Kentwood, MI 49512
> >
> > Office: 616-656-5163
> > PCS:    616-706-2438
> > Fax:    616-554-6484
> > Web: www.ipcswirelessinc.com
> > _______________________________________________
> > fusion-users mailing list
> > [hidden email]
> > http://lists.osgeo.org/mailman/listinfo/fusion-users
> >
>
>
_______________________________________________
fusion-users mailing list
[hidden email]
http://lists.osgeo.org/mailman/listinfo/fusion-users
_______________________________________________
fusion-users mailing list
[hidden email]
http://lists.osgeo.org/mailman/listinfo/fusion-users
Nolte, Tim

RE: Overview Map embedded in map (Google-like)

Reply Threaded More More options
Print post
Permalink
Actually, what I'm hoping to do it include some kind of control right inside the embedded map. I've attached an example of what I have currently. I'm wondering if anyone knows if there is anything in the JX library that could help me add some type of image that would act as the show/hide? I know that OpenLayers has something like this built-in for it's overview map.

- Tim


----
Timothy J Nolte - [hidden email]
Network Planning Engineer

iPCS Wireless, Inc.
4717 Broadmoor Ave, Suite G
Kentwood, MI 49512

Office: 616-656-5163
PCS:    616-706-2438
Fax:    616-554-6484
Web: www.ipcswirelessinc.com
-----Original Message-----
From: Tómas Guðmundsson [mailto:[hidden email]]
Sent: Monday, August 11, 2008 10:12 AM
To: Nolte, Tim; Fred warnock
Cc: [hidden email]
Subject: RE: [fusion-users] Overview Map embedded in map (Google-like)

Tim,

You can easily create a new widget that inherits from Widget and ButtonBase and then stamp it on to the menubar. But you can also modify a Boolean value into the "ShowOverviewMap" widget so that it keeps track on its state.

bShown ? hide() : show(); // I think :)

Just one line it ;)

Regards,
Tómas.

-----Original Message-----
From: [hidden email] [mailto:[hidden email]] On Behalf Of Nolte, Tim
Sent: 11. ágúst 2008 13:57
To: Fred warnock
Cc: [hidden email]
Subject: RE: [fusion-users] Overview Map embedded in map (Google-like)

Fred,

Thanks, actually I was impatient so just decided to go the CSS route. I
actually did get a pretty good embedded Google style overview map. Only
thing now I'm trying to accomplish is some sort of show/hide button for
it.

- Tim

----
Timothy J Nolte - [hidden email]
Network Planning Engineer

iPCS Wireless, Inc.
4717 Broadmoor Ave, Suite G
Kentwood, MI 49512

Office: 616-656-5163
PCS:    616-706-2438
Fax:    616-554-6484
Web: www.ipcswirelessinc.com

> -----Original Message-----
> From: Fred warnock [mailto:[hidden email]]
> Sent: Friday, August 08, 2008 10:50 AM
> To: Nolte, Tim
> Cc: [hidden email]
> Subject: Re: [fusion-users] Overview Map embedded in map (Google-like)
>
> Hi Tim,
>
> As you have suggested it is just a matter of applying the
> right CSS to
> the DIV you created.
>
> something like the following will put it in the bottom right
> corner of
> the map:
>
> #OverviewMap {
>    display: block;
>    position: absolute;
>    width: 100px;
>    height: 100px;
>    z-index: 1001;
>    bottom: 0px;
>    right: 0px;
> }
>
> Make sure you set the z-index high enough to get on top of the open
> layers map, and also make sure you put a z-index on the map container
> because FF3 is now quite picky about how the z-index stacks work.
>
> Fred
>
> Nolte, Tim wrote:
> > I was wondering if there is a built-in way to embed the Overview Map
> > inside the Map window either like Google Maps has it or as
> a floating
> > window like in MGOS/Fusion? I have moved it from the Panels
> layout and
> > added an 'OverviewMap' div inside my 'Map' div and I can
> see it in there
> > in a weird way so I supposed it could be just a matter of
> applying the
> > right CSS to get something close to what I want. Anyone
> doing something
> > like this already?
> >
> > - Tim
> >
> > ----
> > Timothy J Nolte - [hidden email]
> > Network Planning Engineer
> >
> > iPCS Wireless, Inc.
> > 4717 Broadmoor Ave, Suite G
> > Kentwood, MI 49512
> >
> > Office: 616-656-5163
> > PCS:    616-706-2438
> > Fax:    616-554-6484
> > Web: www.ipcswirelessinc.com
> > _______________________________________________
> > fusion-users mailing list
> > [hidden email]
> > http://lists.osgeo.org/mailman/listinfo/fusion-users
> >
>
>
_______________________________________________
fusion-users mailing list
[hidden email]
http://lists.osgeo.org/mailman/listinfo/fusion-users



_______________________________________________
fusion-users mailing list
[hidden email]
http://lists.osgeo.org/mailman/listinfo/fusion-users

overview_map.jpg (13K) Download Attachment
Tómas Guðmundsson

RE: Overview Map embedded in map (Google-like)

Reply Threaded More More options
Print post
Permalink
Without going in to too much detail I would suggest you would do it with minimize/restore functionality in mind instead of hide/show. That is maybe what you meant I'm not sure. Just like google does it. But you could design a little "toolbar" right on top of the minimap and then just a hide feature, which then switches it to a minimized image or text that says Minimap or something? For that sweet sliding function you'll have to talk to Jx. but I am not familiar with it enough to say how it's done. But I think it's possible, at least scriptaculous and prototype both have that functionality and I think it is based off that.

Regards,
Tómas.

-----Original Message-----
From: Nolte, Tim [mailto:[hidden email]]
Sent: 11. ágúst 2008 14:22
To: Tómas Guðmundsson; Fred warnock
Cc: [hidden email]
Subject: RE: [fusion-users] Overview Map embedded in map (Google-like)

Actually, what I'm hoping to do it include some kind of control right inside the embedded map. I've attached an example of what I have currently. I'm wondering if anyone knows if there is anything in the JX library that could help me add some type of image that would act as the show/hide? I know that OpenLayers has something like this built-in for it's overview map.

- Tim


----
Timothy J Nolte - [hidden email]
Network Planning Engineer

iPCS Wireless, Inc.
4717 Broadmoor Ave, Suite G
Kentwood, MI 49512

Office: 616-656-5163
PCS:    616-706-2438
Fax:    616-554-6484
Web: www.ipcswirelessinc.com
-----Original Message-----
From: Tómas Guðmundsson [mailto:[hidden email]]
Sent: Monday, August 11, 2008 10:12 AM
To: Nolte, Tim; Fred warnock
Cc: [hidden email]
Subject: RE: [fusion-users] Overview Map embedded in map (Google-like)

Tim,

You can easily create a new widget that inherits from Widget and ButtonBase and then stamp it on to the menubar. But you can also modify a Boolean value into the "ShowOverviewMap" widget so that it keeps track on its state.

bShown ? hide() : show(); // I think :)

Just one line it ;)

Regards,
Tómas.

-----Original Message-----
From: [hidden email] [mailto:[hidden email]] On Behalf Of Nolte, Tim
Sent: 11. ágúst 2008 13:57
To: Fred warnock
Cc: [hidden email]
Subject: RE: [fusion-users] Overview Map embedded in map (Google-like)

Fred,

Thanks, actually I was impatient so just decided to go the CSS route. I actually did get a pretty good embedded Google style overview map. Only thing now I'm trying to accomplish is some sort of show/hide button for it.

- Tim

----
Timothy J Nolte - [hidden email]
Network Planning Engineer

iPCS Wireless, Inc.
4717 Broadmoor Ave, Suite G
Kentwood, MI 49512

Office: 616-656-5163
PCS:    616-706-2438
Fax:    616-554-6484
Web: www.ipcswirelessinc.com

> -----Original Message-----
> From: Fred warnock [mailto:[hidden email]]
> Sent: Friday, August 08, 2008 10:50 AM
> To: Nolte, Tim
> Cc: [hidden email]
> Subject: Re: [fusion-users] Overview Map embedded in map (Google-like)
>
> Hi Tim,
>
> As you have suggested it is just a matter of applying the right CSS to
> the DIV you created.
>
> something like the following will put it in the bottom right corner of
> the map:
>
> #OverviewMap {
>    display: block;
>    position: absolute;
>    width: 100px;
>    height: 100px;
>    z-index: 1001;
>    bottom: 0px;
>    right: 0px;
> }
>
> Make sure you set the z-index high enough to get on top of the open
> layers map, and also make sure you put a z-index on the map container
> because FF3 is now quite picky about how the z-index stacks work.
>
> Fred
>
> Nolte, Tim wrote:
> > I was wondering if there is a built-in way to embed the Overview Map
> > inside the Map window either like Google Maps has it or as
> a floating
> > window like in MGOS/Fusion? I have moved it from the Panels
> layout and
> > added an 'OverviewMap' div inside my 'Map' div and I can
> see it in there
> > in a weird way so I supposed it could be just a matter of
> applying the
> > right CSS to get something close to what I want. Anyone
> doing something
> > like this already?
> >
> > - Tim
> >
> > ----
> > Timothy J Nolte - [hidden email]
> > Network Planning Engineer
> >
> > iPCS Wireless, Inc.
> > 4717 Broadmoor Ave, Suite G
> > Kentwood, MI 49512
> >
> > Office: 616-656-5163
> > PCS:    616-706-2438
> > Fax:    616-554-6484
> > Web: www.ipcswirelessinc.com
> > _______________________________________________
> > fusion-users mailing list
> > [hidden email]
> > http://lists.osgeo.org/mailman/listinfo/fusion-users
> >
>
>
_______________________________________________
fusion-users mailing list
[hidden email]
http://lists.osgeo.org/mailman/listinfo/fusion-users

_______________________________________________
fusion-users mailing list
[hidden email]
http://lists.osgeo.org/mailman/listinfo/fusion-users