Use flyTo to smoothly interpolate between locations.
See the example: https://docs.mapbox.com//mapbox-gl-js/example/flyto/
Use flyTo to smoothly interpolate between locations.
See the example: https://docs.mapbox.com//mapbox-gl-js/example/flyto/
| <template> | |
| <b-container> | |
| <b-row align-h="center" align-v="center"> | |
| <b-col cols="12" class="col-lg-6"> | |
| <div id="bg" class="w-100"> | |
| <b-form v-if="debug" @submit.prevent="submitForm()"> | |
| <b-form-group id="user-coords"> | |
| <b-form-input | |
| id="cords" | |
| v-model="coordsInput" |
| <html ng-app="ionicApp"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> | |
| <link href="//code.ionicframework.com/nightly/css/ionic.css" rel="stylesheet"> | |
| <script src="//code.ionicframework.com/nightly/js/ionic.bundle.js"></script> | |
| </head> |
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
| <html> | |
| <head> | |
| <link rel="stylesheet" href="/lib/jquery-ui/flick/jquery-ui-1.8.14.custom.css" type="text/css" media="screen" /> | |
| <link rel="stylesheet" href="/src/styles/backbone-forms.css" type="text/css" media="screen" /> | |
| <script src="/lib/jquery-1.6.2.min.js"></script> | |
| <script src="/lib/underscore-1.3.1.min.js"></script> | |
| <script src="/lib/backbone-0.9.1.min.js"></script> |
| //in context | |
| mediatorMap.mapView( MyView1, MyMediator, IView); | |
| mediatorMap.mapView( MyView2, MyMediator, IView); | |
| //in MyMediator | |
| [Inject] | |
| public var IView; | |
| override public function onRegister() : void { | |
| view.mySignal.add( handleSignal ); |
| <?xml version="1.0" encoding="utf-8"?> | |
| <!-- Example app for github.com/srohde/Twitter --> | |
| <s:WindowedApplication height="350" width="765" | |
| xmlns:fx="http://ns.adobe.com/mxml/2009" | |
| xmlns:s="library://ns.adobe.com/flex/spark" | |
| xmlns:mx="library://ns.adobe.com/flex/halo" | |
| xmlns:twitter="com.soenkerohde.twitter.*" | |
| xmlns:mx1="library://ns.adobe.com/flex/mx" | |
| currentState="initial" | |
| creationComplete="creationCompleteHandler(event)"> |