Comments (5)
Hi @monkburger
I've confirmed that there is a bug in the animation layer loading when using google maps (it works fine using Leaflet, which is why I didn't notice anything on the demo page).
I'm going to try and track this down, and hopefully we can push out a hotfix today.
from aerisjs.
My strategy for preloading layer tile images was not working for Google Maps. I refactored the preload logic, and have a v0.7.16 release going through QA right now. I'll let you know when it's deployed.
from aerisjs.
Thank you for quickly tracking down the issue.
from aerisjs.
There seems to be some animation regression on google maps, perhaps not with your change, but I cannot isolate it.
The frame animations are not being consistent between what JS is pulling from the server and what is on the screen. For example:
radarimg1
radarimg2
radarimg3
<---inconsistency---->
radarimg4
radarimg5
<--inconsistency----->
.. etc..
It almost seems like the inconsistent radar is a blank(?) image and it it's causing a total radar blackout for at least a timeperiod.
I've tried this with and without the example preload code.
For example, it seems to work great here:
http://jsfiddle.net/zCr2f/10/
But not on the test URL above which is basically your example code with some more additions (markers).
EDIT:
With the following, it shows the radar image transition is not smooth/consistent compared to Leaflet and has some transistion issues between the current frame and the next frame (using http://cdn.aerisjs.com/aeris-gmaps-plus.min.js)
radar = new aeris.maps.layers.Radar();
radarAnim = new aeris.maps.animations.TileAnimation(radar);
radar.setMap(map);
radarAnim.start();
from aerisjs.
Hmm... I've been playing around with it a bit more, and I've found that sometimes (often) the animation will not preload all the way to 100% while it's running. In addition, I may have introduced a bug in the hotfix which causes not-yet-loaded layers to be displayed, causing an "empty frame" in the animation.
The empty frame issue will be fixed in the next few days. I'm not sure about the preloading issue -- I'll have to look into that a bit closer. In the meantime, I would suggest that you fully preload the animation before starting.
animation.preload().
done(function() {
animation.start();
});
This seemed to fix the stalled preloading issue for me
from aerisjs.
Related Issues (15)
- YUIDoc: "The partial public/header could not be found" HOT 1
- Default map? HOT 1
- maps.Map doesn't support style() (and other google options) HOT 2
- Aeris Map is not updated with Google Map attributes
- Sync breaks after time HOT 2
- Slow down animation? HOT 2
- map.destroy() HOT 3
- Half grey google map HOT 3
- Unable to set KML overlay, might not be a bug but limitation with KML HOT 1
- set minimum zoom HOT 3
- markerCollection.stopClustering() hide all markers on map HOT 8
- Google Maps Error: You have included the Google Maps API multiple times on this page. HOT 1
- Can i have UV index of current localtion / HOT 1
- Can't install via bower
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from aerisjs.