Topic: map pinpoint script Pages that link to <a href="https://ozoneasylum.com/backlink?for=31110" title="Pages that link to Topic: map pinpoint script" rel="nofollow" >Topic: map pinpoint script\

 
Author Thread
DL-44
Lunatic (VI) Inmate

From: under the bed
Insane since: Feb 2000

IP logged posted posted 07-08-2009 19:49 Edit Quote

good afternoon
Back with another Javascript question.

I need to implement some kind of a map pinpoint system, a la google maps, where I can have a place holder image which on hover or onclick will display a callout pop up with various bits of information.

I have been trying to use the jQuery Callout Plugin, but I am having some issues with the pop up placement

1) my main container uses margin:auto;, and the popup is horizontally displaced by whatever amount the left margin ends up being.
2) the popop is vertically displaced by the amount of space taken by the header and nav divs preceding the div in which the popup occurs.

The images are placed the way I want them, it is only the popups that are offset.
I can at least make sense of the margin displacement issue, but I am baffled by the header/nav displacement.
I haven't a clue how to go about fixing either issue.

So, my question(s):

Can anyone tell me how to fix the problems using this plugin??

or...

Does anyone make use of something similar that they could point me to that is not overly bloated and complex?
I am trying to search for other existing scripts out there, but not coming up with much. I need something relatively pre-fab at this point, and something that doesn't involve loading another API or framework ideally (I make extensive use of jQuery throughout this project).

For reference, the way I need this to work in the big picture is:

- a list of data is pulled from a database
+ for each row, I need to place an image on a map at a particular pixel coordinate, determined by a particular piece of data within that row
+ each image needs to be able to generate a popup, and within each popup I need to list relevant data

I am under a fair amount of pressure to get this done quickly, and would very greatly appreciate any tips!

DL-44
Lunatic (VI) Inmate

From: under the bed
Insane since: Feb 2000

IP logged posted posted 07-08-2009 20:58 Edit Quote

Came across this: http://www.newmediacampaigns.com/page/a-jquery-plugin-for-zoomable-interactive-maps
which looks very promising...

CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

IP logged posted posted 07-09-2009 15:57 Edit Quote

well, I have used this script a few times for directions to a company via their website. It's not real hard to work with.

To get the script to work for the "Enter your address" stuff, it can be a little tricky, but I can help out with that if you find this to be of use.

Later,

C:\

DL-44
Lunatic (VI) Inmate

From: under the bed
Insane since: Feb 2000

IP logged posted posted 07-09-2009 20:21 Edit Quote

Thanks C.

I am not actually working with Google Maps, just needed to mimic the pinpoint and popup functionality.
I have implemented something that will suit my purposes, using a very simplified version of the script I posted above.

I am still stuck on one point, but I think I will move over to the server side forum, as it involves the php portion of things...

coach
Nervous Wreck (II) Inmate

From:
Insane since: May 2011

IP logged posted posted 05-31-2011 11:07 Edit Quote
Edit TP: spam removed


Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu