Page 2 of 2 FirstFirst 12
Results 11 to 12 of 12

Thread: Interactive maps

  1. #11

    Default

    Quote Originally Posted by niekell View Post
    @B14d3r11: What you are describing is exactly the example I provided in the other thread!
    I only did one "zoom chain" from world level down to building level but obviously you can do as many as you define on the map at each level of zoom. Was there something about the example which prevented it from meeting your requirements?
    I even provided a sample web page to help define the clickable areas... though not how to put them into the zoom-page code (not that it is hard to do).
    I don't think I am describing correctly what I am envisioning. Basically if you look at the Flash WoW map i linked it'll show the continent and when you hover over a part of the map it is then a clickable link. Basically i want to section off the map with clickable links so that it will redirect to different maps and pages i guess? It can problem be done with HTML/CSS changing the picture of the section on "hover" but its really annoying for me to think about.

  2. #12
    Guild Member niekell's Avatar
    Join Date
    Jul 2016
    Location
    Adelaide, Sth Aust
    Posts
    56

    Post

    From taking another look at the WoW map, it looks like it is using a mini-map on the left as a menu to load a larger, more detailed, map on the right. The mini-map-menu highlights both the selected area and any area hovered over.
    Other than the mini-map-menu, it is still pretty much the same as what I linked to. The version I presented just had the links in the main map and no highlight-per-region enabled.
    I can't see any reason a smaller map couldn't be used as a menu the way WoW does it, you could still use a base map image and then implement the highlight using mouse-over javascript and css. It uses up more screen real estate doing it that way, and with you wanting to implement a "details" pane/section somewhere as well, not as much space would be left for the main detailed map. I suppose you could fix that with leaflet.js zooming, but it's getting to be a lot of moving parts which all need to play well together.
    I'm interested in seeing what you come up with. Please let me know how you go, or if you have any questions I may be able to help with.

Page 2 of 2 FirstFirst 12

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •