javascript - Google Maps zoomOut-Pan-zoomIn animation -


I'm wondering how to get a smooth zoom in animation with the Google Maps API.

I have two points, one in one, let China, and one in France. When I'm zooming in China, and click on the button France, I want to zoom it out slowly, at times a zoom level. When it is zoomed out, it should pan in the new location, and then zoom in at the new location at a zoom level at that time.

How can I do this?

You need to use zoom parameters to set the zoom parameter continuously and the new center point But a smooth panning method is required.

You can listen to your zoomOut , panTo and zoomIn methods together on the map object and events.

Edit:

While implementing a sample for this problem, I found that the doContinuousZoom the ultimate ZoomIn and ZoomOut (or just on enabled continents zoom on the map) does not work as expected, it works properly, when the tile is in the cache (this is an important point If tiles are not cached then it is not really possible that you can easily get the animation) then this is good Good scaling introduces tiles to a smooth zoom animation and introduces ~ 500 ms delay on each zoom step so you can do it asynchronous (contrary to panTo ), which you will see in your example. Call set async to setTimeout).

Unfortunately this is not true for the zoom in method, which jumps at the target zoom level without scaling animation for each zoom level. I have not tried to set the version for Google Maps code explicitly, so this may be something that has been fixed in later versions. Anyway, this is all that is just jumping the JavaScript circle and not so much with the Google Maps API:

Because this approach seems a little unbelievable, I think it's more To understand the async processing for SetZoom clearly (similar to the panning stuff)

EDIT2:

Then I'm explicitly zooming async (one time I use the setTimeout with a zoom in) Tets also have to be set on fire so that my incidents can be properly fixed. It seems that the incidents of zoomend and panend are being called synchronous. Enable enable

. Continuum zoom does not work on the map, so I think call zoomout, with the ultimate zoom, it is the only way to get it done.


Comments

Post a Comment

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

I'm having trouble overriding a ModelForm save method. I get this error I'm: Exception type: TypeErier Exception Value: Save () found an unexpected keyword argument 'committed' My intentions include a form 3 fields Submit several values ​​for, then create an object for each combination of those areas, and to save each object file models.py class collarsult type (models.Model): id = model. AutoField (db_column = 'icontact_result_code_type_id', primary_key = true) callResult = models.ForeignKey ( 'CallResult', db_column = 'icontact_result_code_id') campaign = models.ForeignKey ( 'campaign', db_column = 'icampaign_id') CALLTYPE = models.ForeignKey ( 'CALLTYPE', db_column = 'icall_type_id') agent = models.BooleanField (db_column = 'bagent', default = true) teamLeader = models.BooleanField (db_column = 'bTeamLeader', default = true) active = models.BooleanField (db_column = Django.form...
Read more

html - CSS autoheight, but fit content to height of div -

I have a div in which there are three children- div in the left and middle div: float: left while true: float: true because it is my layout Actually will spoil, I've used ClearFix Hack: .cf {zoom: 1; }. Cf: First,. Cf: {content: ""; Display: Table; }. Cf: After {clear: both; } It still works, but I want to be the right div an indicator. So it should fill 100% of the parent unit of height. How can I complete this? PS is the full code: & Lt; / Div & gt; & Lt; Div class = "mobile_content" & gt; & Lt; H5 & gt; {{Data.titel}} & lt; / H5> & Lt; Table & gt; & Lt; TR & gt; & Lt; Th & gt; Komponist: & lt; / Th & gt; & Lt; TD & gt; {{Data.komponist}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Th & gt; Instrument: & lt; / Th & gt; & Lt; TD & gt; {{Data.instrumente}} & lt; / TD & gt; & Lt; / TR & gt;...
Read more

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -

I have been trying to use Qt5 multimedia to record audio with QAudioInput, however, when I see If QAudioInput is started, it increases the master volume of my sound device to 100%. How can I prevent QAudioInput from changing the master volume? My current development platform is Linux with PalsAdio (with flat audio disabled). How can I use QAudioInput : QAudioDeviceInfo device_info = QAudioDeviceInfo :: defaultInputDevice (); QAudio format format; Format.setSampleRate (44100); Format.setChannelCount (1); Format.setSampleSize (16); Format.setCodec ("Audio / PCM"); Format.setSampleType (QAudioFormat :: SignedInt); Format.setByteOrder (QAudioFormat :: LittleEndian); Std :: cout & lt; & Lt; Device_info.deviceName (). ToUtf8 (). ConstData () & lt; & Lt; Std :: endl; QAudioInput * default_device = new QAudioInput (device_info, format); QIODevice * default_io_device = default_device-> Start (); a QAudioInput.setVolume () method is not you I ...
Read more