The leaflet.pixioverlay.trial from sugasaki

leaflet.pixioverlay.trial's Introduction

LeafletとPixi.jsを使って、Leaflet上にWebGLオーバーレイできるライブラリ、Leaflet.PixiOverlayを試しました。

manubb/Leaflet.PixiOverlay: Bring Pixi.js power to Leaflet maps

Qiita

実行方法

js/index.js の中のコメントを切り替えます。

//drawMarker();
manyMarker();

index.htmlをWebサーバーで実行する

leaflet.pixioverlay.trial's People

Contributors

Stargazers

Watchers

leaflet.pixioverlay.trial's Issues

Uncaught TypeError: child.transform is undefined PIXI.particles.ParticleContainer with vue2-leaflet and leaflet-pixi-overlay

I'm trying to follow the example many-markers using Vue2-Leaflet and Leaflet-Pixi-Overlay. However, when I add the Container Particle it is displaying the error as shown in the image below, on line 153 of the link below. Could anyone help? I thank.

var innerContainer = new PIXI.particles.ParticleContainer(markersLength, {vertices: true,});
for (var i = 0; i < markersLength; i++) {
    var coords = project([getRandom(48.7, 49), getRandom(2.2, 2.8)]);
    innerContainer.addChild({ 
       x: coords.x - origin.x,
       y: coords.y - origin.y,
     });
}

https://gist.github.com/lordjack/74571373f6c59288f5af8f6736e0a77c

Recommend Projects