Jump to content

Pixi and Google Maps


Recommended Posts



I would like to show thousands of points in a Google Maps. With standard GMaps points it draw very slow. For that reason i try to draw point with WebGL. In this example shows how to do and I can draw points using this one. (http://psousa.net/demos/webgl/)


But I would like to draw circles or images, and I try to use Pixi to render the points. I accomplished draw points with transparent renderer example, but I can't interact with map.


I need to do zoom, clicks, etc, like if the points rendered not will be there


Is it possible? 


Link to comment
Share on other sites

If I understood correctly you want to keep interactions with sprites in PIXI. But pass events to map if happened on empty space of stage.


You should then listen for click events on stage and pass it to next/under element. Don't know how to do this, maybe there is some API in JS events for it, like "event.passToNext()" or you could listen on mouse enter/leave sprite/stage events in this way: when mouse enter a point/sprite then set canvas "pointer-events:auto;" but if mouse enter stage(so no sprite under mouse) then set "pointer-events:none";


edit: it will not work because of losing canvas interaction with mouse, so enter/leave events won't be fired.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...