Discussion on Pixel Map

Discussion on Pixel Map

Cart 160 sales

animike does not currently provide support for this item.

32 comments found.

can we move point from one location to other point location rather than blinking?

Points are static

Hello, great code!
it´s possible to use in wordpress?

I don’t have it set up as a Wordpress plugin.


I would like to change the pointclick method. Instead of I would open a popup using bpopup library. So I place the following in the HTML page (according to bpopup instuctions): X and the following in pointclick: $(’#popup’).bPopup({ contentContainer:’.content’, loadUrl:’', //Uses jQuery.load() opacity: ‘0.5’ }); It works fine with most of the browsers (including IE 10, 11) except IE8 and IE7. If I place this code into the HTML istead of pointclick, it works with IE8 also. How can I call a method (e.g. bPopup()) on another div (e.g. id=bpopup) from your code (inside pointclick method)?

Thanks in advance.

Is your pop up supported in ie8 and ie7? I don’t think my program supports ie7

Hi, Everything is OK with your script (and bPopup as well).The used version of JQuery has a problem with proper handling of which property of mousedown event on MSEI 8. I found a work around for this. Many thanks,

Great thanks.

Hi! Is it possible to use other maps?

The dots that I provide are the only set that is included. You can create your own, but it would be very difficult and time consuming on your part.

is there a limit to how many pointers I can add?

The dots on the map are a fixed amount/pattern, but you should be able to make any of them clickable. It has been a while since I coded this so please ask me more questions if this isn’t clear.

Hello! Great work, I was wondering if it is possible to install this into a website with a wordpress admin?

Thank You

You can probably do it if you are knowledgeable enough to edit wordpress code, but there is not support to do it as a plugin at all or edit it in the admin. Thanks.

maybe would be good for a milliondollarpixelsite. buy pixel, roll over publish banner


I’m looking for a pixel map that will allow me to create countries in different colour.. For example I would like to have the USA in red and the France n blue. When we click on one of the red pixel a PDF opens. Same things regarding blue pixels.

Is it possible to do it with your map?

If not, is it possible for you to create it? And what will be your price?


hey. my map does not do this “out of the box” and I currently don’t have any time to take on freelance work. Thanks for looking and writing me.

Hi! Just purchase it and working great. I would like to know if it´s possible to assign a different color to a specific point. For instance I have c_hotPoint: ”#ff0000” for the hotPoint. I´m trying to add a class to the “li” but no luck…any idea?

Thank you, terrific product.

Are you just trying to change one specific hotpoint or all. I’d read the documentation. It has been a long time since I coded this. You cannot manipulate the colors in the DOM (

  • ) as it uses that information and then redraws it in canvas.
  • I want to replace the map with my own image. How do I do that?

    If you want to map out a new image with dots you have to replace the coordinates in the code.

    Hi. Great item :) I need this separated by continents and it should also be clickable. e.g. When I hover ASIA it should glow up and when I click, it should fire up a click event so I can use it for Continent/Region selection in my website.

    Is it possible? and if yes, how much does it cost me for you to implement this? Thanks :) you can contact me here: sallar.kaboli at

    Thanks for looking. It doesn’t sound like this item is the right fit for you. Would almost have to rewrite the code to do that.

    Hi I like your this script and I will purchase it but firstly I want to ask you something about it.

    I want to learn if it is possible to make pointers interactive with texts ?

    For example: I pointed Madrid and Barcelona on the map and I want to use Madrid and Barcelona words in sentence after then pointer will become visible when guest mouseover them.

    I hope you understand whatever I said because I’m not so good at speak and write in English :)

    Whatever features you see in the various examples I showcase on the site is what my file can do. It sounds like what you are requesting would take some additional coding on your end. Thanks for looking.

    Hello – How do I make the map resize to screen width? I bought it to use in a responsive website.



    I’m not sure how canvas elements are handled in responsive design. I’d try googling “responsive canvas”. Sorry I couldn’t provide a better answer.

    I need to build a plan of theatre, so that people could do reservation. This means that some seats should be greyout as unavailable for booking. Others should be clickable. Can this be done using your script?

    If your “seats” are dynamically fed, you could probably use part of this script, but to be honest, it sounds like it would not be too easy to set given my “map”. You’d have to map all the points to be sure you are getting the right layout you want. In my opinion, there may be better options for your needs out there. Thanks for looking!!

    Awesome script! I’m fairly new to HTML /Java/etc. and have just a few quick questions:

    1. How could I make it size automatically with the window so it is essentially fullscreen?

    2. How can I make each dot a specific color?

    3. If multiple locations corresponded to specific dots, would it be best to setup a database to handle all of that information?

    Thanks! :)

    1. would require some css and styling (width:100%; height:auto;) or something similar. I don’t know if this will scale as you intend tho.

    2. you can’t without a considerable modification to the script.

    3. you can have php or something similar create the ul for you feeding from a database, but if you only have a few, you can create it as it exists in the examples provided. Database stuff is out of my comfort zone.

    Hello Animike!

    I did purchase this. I’m hoping to use it to map my “members” to places on the map. There are a few minor issues: I have everything functional and the map is showing etc.

    Problem 1) If a member says he is in Dallas, TX how do I figure out which ID to use for his link? It is not clear what the “ID” numbers represent. I looked in the IDs.html file and all that seems to do is post a tool tip where you hover that shows the ID. It still doesn’t really help me figure out which ID would be Dallas. Any idea?

    Problem 2) I want to remove the list that is shown at the bottom after the map. I really don’t have a need to show this. I could not figure out in your java code where to disable that list output. Could you point me at the place where it happens?


    1) You just have to eyeball which dot you want Dallas to be. Look at a real map and guess which dot you think best fits the Dallas area. When you rollover the IDs html, it will give you the value of the id you need to use in your code.

    2) By list, I assume you mean the navigation underneath the map. That is simply HTML and you don’t to include it. It is not included in the javascript.

    For you needs, I’d start with example2 as i think it is closest to your objective. I would love to see what you come up with when you get it running. Thanks.

    Hello Animike!

    This looks very cool and I’m about to buy it for my music site. What I would like to do is when a user goes to this page where I plan to show the map I need to basically dynamically create the links…

    The goal would be to see which users are logged in and their location. So say 5 users are logged in from Seattle. I’d like to dynamically create the link for seattle that has the 5 user names shown.

    If 2 were logged in from Dallas, I’d have them in the text tool tip. etc.

    Any thoughts? When I say dynamic I mean that at the time the page loads I can scan the database for logged in users and create the links at that time. I really don’t need it to update while loaded.

    I bought this recently, implemented it into my site, showed the client on my Mac maptop (Safari), he loved it… but I’ve only just found out it’s not compatible for IE8 !

    Is there ever going to be a fix for this, considering about 40% of users probably use IE8 ??... or as quicker solution help me word an email to the client telling him that what he loves can no longer be used!!!??

    Sorry. I tried for a long time to get this to work on IE8 but I was not successful. That is why I specifically only wrote ie9 on the site. If it is any consolation to you and you client ie8 is only at about 11% penetration. I think the new ie browser is coming out soon too.

    I was thinking about buying this but the shape of the UK is quite off and Ireland isn’t even there! The shape of England doesn’t look right and Wales is indistinguishable. Also, Scotland is attached to England and of your map it looks like it’s Scotland is an island. Another thing is Japan should probably be a bit further from Asia and more curved to make it look right. I all those issues are fixed, I’ll be happy buy it!

    You can adjust the points in the map in the master array using the provided “id” file as your guide. Remember that you are limited to the grid it is laid out in. It is not something that I will be updating at this time.

    does this works on IE8 and IE9 or only with IE9 ?

    IE8 gave me issues I couldn’t find a solution for. Sorry.


    Tell us what you think!

    We'd like to ask you a few questions to help improve CodeCanyon.

    Sure, take me to the survey