[Web]Extensible L2Worldmap

Have you created a useful tool? or Do you want to get help building one? This is the right place!
Forum rules
READ NOW: L2j Forums Rules of Conduct
Post Reply
HorridoJoho
L2j Senior Developer
L2j Senior Developer
Posts: 795
Joined: Sun Aug 14, 2005 11:27 am

[Web]Extensible L2Worldmap

Post by HorridoJoho »

This is my extensible L2Worldmap.
It uses CSS and JavaScript(jQuery & Ajax).

Scroll the map by dragging it with your mouse cursor.
l2worldmap.jpg
It has a plugin based architecture. That means in your map document you call worldmapAddPlugin with the url and the folder for the plugin.
Two example plugins are provided, one with detail maps of all towns and a few dungeons and one simple test plugin to just place a single point of
interest in the top left of the map.

When plugins are loaded, a black bar on the left appears with all plugins.
While preloading plugin images, the background of the plugin name turns into a progress bar.
If any resource can't be loaded for a plugin, it's text is displayed in red.

When everything is loaded properly from a plugin, the point of interests of that plugin are placed on the worldmap.
Now when you hover a point of interest on the map, all other points of interests are hidden.

Left to each plugin in the left black bar, there is a checkbox to show/hide the point of interests of the plugin.

Reload the page when advertising is shown, it messes up the map.
Demo & Download -> L2Worldmap
Last edited by HorridoJoho on Tue Jul 30, 2013 12:52 pm, edited 2 times in total.
User avatar
jurchiks
Posts: 6769
Joined: Sat Sep 19, 2009 4:16 pm
Location: Eastern Europe

Re: [Web]Extensible L2Worldmap

Post by jurchiks »

Sweet, good job!

P.S. The minimaps are begging for some kind of border.
If you have problems, FIRST TRY SOLVING THEM YOURSELF, and if you get errors, TRY TO ANALYZE THEM, and ONLY if you can't help it, THEN ask here.
Otherwise you will never learn anything if all you do is copy-paste!
Discussion breeds innovation.
HorridoJoho
L2j Senior Developer
L2j Senior Developer
Posts: 795
Joined: Sun Aug 14, 2005 11:27 am

Re: [Web]Extensible L2Worldmap

Post by HorridoJoho »

jurchiks wrote:Sweet, good job!

P.S. The minimaps are begging for some kind of border.
Yeah, but with full map images by 25% reduced in size, it was still around 30MB only for the details map plugin.
So i used the 25% reduced versions and cut out the important parts to save this, now all is only around 5MB.
User avatar
jurchiks
Posts: 6769
Joined: Sat Sep 19, 2009 4:16 pm
Location: Eastern Europe

Re: [Web]Extensible L2Worldmap

Post by jurchiks »

Not an in-image border, CSS border.
Though it would be perfect if it was fitted into a l2-dialog-looking box.
If you have problems, FIRST TRY SOLVING THEM YOURSELF, and if you get errors, TRY TO ANALYZE THEM, and ONLY if you can't help it, THEN ask here.
Otherwise you will never learn anything if all you do is copy-paste!
Discussion breeds innovation.
HorridoJoho
L2j Senior Developer
L2j Senior Developer
Posts: 795
Joined: Sun Aug 14, 2005 11:27 am

Re: [Web]Extensible L2Worldmap

Post by HorridoJoho »

jurchiks wrote:Not an in-image border, CSS border.
Now has a simple 2 pixel black solid border xD
jurchiks wrote:Though it would be perfect if it was fitted into a l2-dialog-looking box.
Well, you can't have everything :)
User avatar
jurchiks
Posts: 6769
Joined: Sat Sep 19, 2009 4:16 pm
Location: Eastern Europe

Re: [Web]Extensible L2Worldmap

Post by jurchiks »

Much better :)
And of course you can, just gotta want enough ;)
If you have problems, FIRST TRY SOLVING THEM YOURSELF, and if you get errors, TRY TO ANALYZE THEM, and ONLY if you can't help it, THEN ask here.
Otherwise you will never learn anything if all you do is copy-paste!
Discussion breeds innovation.
DigiCZ
Posts: 5
Joined: Wed Aug 05, 2009 4:37 pm

Re: [Web]Extensible L2Worldmap

Post by DigiCZ »

Sorry but I am quite unsure how to download this awesome looking stuff, on the "Download & Demo page" there is only the map demo, no download at all. I think that downloading all scripts and files/images one by one is not the way to do it, or am I wrong?

Thanks!
Post Reply