google maps animated route

Shelfie - was ist das? Next, I’ll jump over to Google Earth Studio. Enter a starting point, a destination, and view your route as if you were driving! This looked so damn cool and definitely usable so here’s the code for animated dotted lines that I accidentally wrote. Do you know how if it's achievable with the Google map js v3 api? First, I’ll add markers and a route to a map inside of Google My Maps. Learn how to create your own. I loved having most of my work done; ‘cause almost all the things that I come across? Nutzen Sie praktische Funktionen wie Street View, 3D-Karten, detaillierte Routenführung, Indoor-Karten und vieles mehr auf allen Ihren Geräten. Route Generator animiert Ihre Reiserouten und speichert diese als AVI-Video. All I have to do is clone the repo and run it as specified and almost always it just works.. Map of the Appalachian Trail featuring common locations of interest. This map was created by a user. Beautiful maps. – Manohar Reddy Sep 12 '18 at 5:18. can you give me any example of this? These will show up as precomps in the MAP ANIMATION comp. Do anyone have idea how this animation's implementation is possible in google map api v2. Example of how to animate a route between two points in Google Maps - henriquea/gmaps-animated-route Next, I'll customize the color and icon style of each marker, and then add a walking route traveling between the four marker points. Im nächsten Praxistipp zeigen wir Ihnen die besten Alternativen zu Google Earth. Wie viele andere branchenübliche Animationstools nutzt auch Earth Studio Keyframes. It includes 3 different auto animation options: Follow path: the camera follows the path creation, keeping the altitude and the distance that you set with the slider controls. Active 5 years, 9 months ago. What does the license from the account creation allow for this? Die Software hat nicht viele Möglichkeiten, aber um eine einfache Route zu visualisieren ist Sie sehr gut geeignet. Google Driving Directions Street Views. This page lets me create and customize my own Google Map. The methods of creating the maps have evolved over time (see samples below). How To Video: RouteView - Google StreetView Player - Virtual Ride using Google Street View : Github Project: This will launch a video which demonstrate how to use Street View Player. If you’re new to the world of animation, you may need to spend some time getting comfortable with the Google Earth Studio interface. Controlling Gesture Handling. arjun921/Google-Maps-Moving-Path. Discover the world with Google Maps. “The data and animations draw attention to … You can alter the viewing angle and viewing distance in the Touring tab in Google Earth Settings/Preferences - a viewing angle of 70-80 degrees will give you a good view of the hills and the route comuing up. Thanks. Route Generator is a free tool to draw routes on a map and generate a movie from it. Create your animated travel map within minutes with PictraMap - a free online tool with unique maps, intuitive interface and many customization options. In this tutorial, I’m going to show you how to create a custom Google Map animation. This is where geoAnim comes into play. Justin Yu. For the first step, I’ll add markers. Der weiße Bewegungspfad zeigt nur ungefähr die Route, denn das Hauptaugenmerk liegt … Im looking for help/pointers on how to animate a route on Google Maps. *sighs* So after about a day or two of tinkering and banging my head to get it work, I got something working! Create a path ( an array that contains valid coordinates) by. Welcome to the Route Generator page. With my custom map created, I’m now ready to export it. You can view an animated Fly-Over the route by clicking on the 'Fly-Over Tour' item in the left panel (arrow 1 below) and then clicking the Play Tour button (arrow 2 below). GMSPolyline(path: path) After finish this step, you can get and display the route on the map correctly. Create places and routes2. When a user scrolls a page that contains a map, the scrolling action can unintentionally cause the map to zoom. I can hide them via checkboxes. © 2020 NONETWORK, LLC. Welcome to the Route Generator page. I recommend using the Quick Start options when setting up a new project. Simple Starter code to get … Touren und Karten erstellen. However, if you have a GRoute, that would mean you have a set of points. Find the map that matches your taste and type of trip. With creation tools, you can draw on the map, add your photos and videos, customize your view, and share and collaborate with others. DROP: Marker falls from the top of the map ending with a small bounce. I would like to know how this is done. With this line below, we will go through each coordinate on the path every 0.01 second and call this function animatePolylinePath Once uploaded, an Overlays menu will show up, with all of my maps exports available. Google maps is not always free and they do charge in certain circumstances. Route Generator 1.9.1 released! Is there an easy way to link into the animation 'tick', as it were? And here’s the code accompanying the thing I built. Entdecken Sie die Welt mit Google Maps. If you don’t have a map, a simple Google search for free map vectors will send you in the right direction. This example script displays a map with a marker using Google Maps JavaScript API. Routes; Directions API Distance Matrix API Roads API Industry Solutions; Gaming Services Places; Places API Places SDK for Android Places SDK for iOS Places Library, Maps JavaScript API Geocoding API Geolocation API Time Zone API Additional Resources; API Key Best Practices Map Coverage Details Optimization Guide Deprecations GMP Asset Tracking Plan GMP Root CA Migration … Simulate your Driving Route with this Google Map Web Application. Video-Tipp: Eigene Karten in Google Maps erstellen. Das ist Handarbeit. Clicking on the marker will toggle the animation between a BOUNCE // animation and no animation. It's a parameter that Google is required to collect for Google's data providers who charge differently based on whether the request uses a sensor or not. You will first need to find a map that you can trace a map on. Where the google map is in the background, or shown in a box in the top right, and the position in the map animation is determined by the totalDocumentHeight / scrollPosition, so as the story unfolds the path on the map unfolds. In Earth erstellen. Neueste Internet-Tipps. The directions will be displayed below the maps. This software is 100% open-source and hosted on Github Click here if you want to see the source. In the bottom right, click Add . And here’s the code accompanying the thing I built. (See News for more details) or download directly from here. Here's what I’ll be using in this tutorial—. Check Out the Entire 'John Wick: Chapter 3' Avid Timeline. keyboard_arrow_down. Now I’m ready to add location markers via the Add Locator button in the Map Route Generator panel. Since I’m not using the Quick Start option, I’ll simply type the word Paris into the keyword search bar at the top left of the interface. Animate a route with google map js api v3. Animated Dotted Path on Google Maps. Now, your map looks like, just a normal route, without animations. Make a new list. Our 2020 Holiday Gift Guide for Filmmakers. When the export dialog box pops up, I’ll export each individual layer separately. Enable JavaScript to see Google Maps. gestureHandling: cooperative Bewegen Sie den Globus, setzen Sie einen Keyframe … Animated Dotted Path on Google Maps. Here's an example of the circle approach - first the recording followed by the code. Das Kartenmaterial stammt direkt von Google Maps, und kann automatisch in die Software integriert werden. It is not yet another tool with Google maps, offering the same old same old map layout. All Rights Reserved. Google has many special features to help you find exactly what you're looking for. Another Variation which has a Vehicle Icon moving instead: If you just want to create a quick animation between point A and point B, checkout the link below and input your Starting point, Ending point and the speed at which you’d like to animate it. When you have eliminated the JavaScript , whatever remains must be an empty page. Auf der Karte zeichnen . Sit back and let Google take you for a ride. Ain't that right? Mit Google Earth kannst Du die Bildvorlage erstellen, die Du dann in einem zweiten Schritt (und einer anderen Software) mit der animierten Route versehen würdest. Routes; Directions API Distance Matrix API Roads API Industry Solutions; Gaming Services ... google.maps. No wait time. The API returns the most efficient routes when calculating directions. For the first step, I’ll go to Google My Maps. JavaScript: String.replaceAll has Landed in All Major Browsers. This professionally-designed template demonstrates how to create animated lines between different points on a map. Find a Map. Go Inside Aaron Sorkin's Brain as He Explains 'The Trial of the Chicago 7', How to Nail Your Festival Premiere in the Time of COVID, The Best Cyber Monday Deals for Filmmakers, Video editing software that can import image sequences. Flugroute, Geschwindigkeit und Dateigröße auswählen Note: The above map with default options is in an . iBIBLE maps have been created and are maintained by Grand Lake Web Designs.. Street View animator puts you in the driver's seat of any Google Maps trip . This is After Effects tutorial about How to make animated travel map.This video consists 4 part:1. Now I’m ready to add location markers via the Add Locator button in the Map Route Generator panel. 2. Here is a step-by-step tutorial showing you how to animate a route on top of an image of a map. Enter a name and description. Up until now there hasn't been an easy way to record and embed a Google Maps animation that would showcase a specific area, neighborhood or nearby tour path. In this tutorial, we will show you how to move marker smoothly on Google map using Google Maps JavaScript API. Now, you get your encoded route, let’s draw it on the map. Thanks A user would have to use a screen capture tool, and then upload to a video site for the proper embed code. Auf Ihrem Computer können Sie mit Google Earth 5 oder höher Touren rund um den Globus aufzeichnen und für andere freigeben. Keyframe-Animation. Do you know how if it's achievable with the Google map js v3 api? I have written a small application for a handheld device using JavaScript and Google Maps API's, now II need to move my marker icon anywhere on the map along a route using a timer function. Born Sexy Yesterday: Why Does This Male-Fantasy Trope Need to Go? Ask Question Asked 8 years, 2 months ago. Virtual Ride using Street View. (See News for more details) or download directly from here. It is not yet another tool with Google maps, offering the same old same old map layout. Click Menu Your places Saved. Travel time is the primary factor optimized, but the API may also take into account other factors such as distance, number of turns and many more when deciding which route is the most efficient. This will allow me to animate each asset individually once inside Google Earth Studio. Step 1 - Create a Custom Map For the first step, I’ll go to Google My Maps. This page lets me create and customize my own Google Map. End result? The maps were made by Alasdair Rae, a geographer and urban planner based at the University of Sheffield. This movie can be imported in your video editing software (e.g. If you don’t have a map, a simple Google search for free map vectors will send you in the right direction. ). Constants; BOUNCE: Marker bounces until animation is stopped. Read Nolan's Scathing Comments on the WB Deal. It’s already been done! 2 Answers Active Oldest Votes. This behavior can be controlled using the gestureHandling map option. Get turn by turn directions along key map views, and choose from plenty of options: travel modes, units & more.. I don't want to animate the markers, just the route between 2 points, it needs to follow the roads on the map and preferably would work like a progress bar. Animated travel routes on a map. So, here’s the funny fact. Check out this here. Pinnacle Studio), so you can add it to your own movies. Reiserouten-Animation auf Deutschlandkarte mit Bildband-Effekt Im Layoutdesigner wurde im rechten Bildbereich eine Deutschland-Karte positioniert (und über den Bildeditor eingefärbt). If you want to extend Google map functionality in a user-friendly way, the animated marker can be a useful feature. Google Earth Studio actually exports files specifically for use in Adobe After Effects. You cannot instantiate a GoogleMap object directly, rather, you must obtain one from the getMapAsync() method on a MapFragment or MapView that you have added to your application.. Animate a route. Note: Similar to a View object, a GoogleMap can only be read and modified from the … Keyframe Animation. Customization. How to Generate Calendar Events Programmatically for Browser and NodeJS using JavaScript? For this, I’ll select the button at the top of the menu, just to the right of the name of my map and select Export to KML/KMZ. A new set of animated maps plots the commutes of 3.3 million Bay Area residents commuting to 110,000 destinations. Dazu laden Sie zunächst eine Landkarte oder eine Karte aus Google Maps. How to Use Google Earth with Adobe After Effects, Circle the Globe in After Effects with 3D Earth Connections and Video Copilot, Create Animated 3D Map Routes with This Easy After Effects Plugin. Camera control3. Is there an easy way to link into the animation 'tick', as it were? Route Generator is a free tool to draw routes on a map and generate a movie from it. Earth Studio uses keyframes, just like other industry-standard animation tools. Search the world's information, including webpages, images, videos and more. Experience Street View, 3D Mapping, turn-by-turn directions, indoor maps and more across your devices. Complete instructions for reproducing this slide are included in the Notes pane. Free online tool to create animated maps from travel photos. I've put together a site aimed at hikers/climbers, that builds and displays in Google Earth+Maps a kml file with an automatically generated flyover, from an uploaded gps route … Create your first animated travel map within minutes! I’ll animate each marker in from 0 to 100, and then slightly stagger each. And here’s the code accompanying the thing I built. But this time I couldn’t use the lazy approach. I’ll put each marker on a separate layer, which will give me more versatility when I go to animate the map inside of Google Earth Studio. Create a timer to update a new route after x second. 8. Animation constants Animations that can be played on a marker. Now I'll hit the render button to export for the final animation. Would 'Hillbilly Elegy' Be More Successful with a Different Structure? In Google Maps, you can create a list of places, like your favorite places or places you want to visit. On your computer, open Google Maps. This movie can be imported in your video editing software (e.g. Also entweder eine Karte scannen, fotografieren oder einfach ein Bild als Hintergrund verwenden. As a final touch, I’ll animate the Longitude and Pan of the camera, to have it slowly move from left to right as the markers appear. This is the main class of the Google Maps SDK for Android and is the entry point for all methods related to the map. Google Earth im Apple App Store herunterladen Google Earth im Google Play Store herunterladen Earth starten. Oct. 28, 2016 9:10 a.m. PT. thanks @Redman – Darshi Domadiya Sep 12 '18 at 5:20 | show 2 more comments. For the first step, I’ll add markers. The animation exports as an image sequence, so you'll need a program to turn that into a video file, such as Adobe Premiere Pro, Photoshop, After Effects, etc. Search for a place or click it on the map. With my map layer in place, I’ll scale it down and activate the 3D button. Unfortunately, there is no automatic-marker-movement function in the official GMaps collection. Viewed 24k times 12. This means you’ll need to apply to get access, which should take a few days at the most. Marker Collision Management (Beta) Styled Maps - Map Id (Beta) Styled Maps - Night Mode; Styled Map Types; Hiding Map Features With Styling; Styled Map Selection This is the main class of the Google Maps SDK for Android and is the entry point for all methods related to the map. Subscribe to receive the free PDF! At the time I’m writing this, GES is still in a preview mode. Route Generator 1.9.1 released! It's 100+ pages on what you need to know to make beautiful, inexpensive movies using a DSLR. With my map layer in place, I’ll scale it down and activate the 3D button. Hi Martain My requirement was to animate car on map from source to destination its not real time.in your case its real time so you don't need to use my function instead update marker based on current location and show and hide marker to create illusion of moving car – Nikhil Feb 16 '16 at 5:59 Find local businesses, view maps and get driving directions in Google Maps. You cannot instantiate a GoogleMap object directly, rather, you must obtain one from the getMapAsync() method on a MapFragment or MapView that you have added to your application.. Edit: The sensor parameter is no longer required, and will now be ignored if it's used. Eine Schritt-für-Schritt-Anleitung habe ich nicht, doch sicher findest Du etwas passendes hier im Forum. arjun921/Google-Maps-Moving-Path. What Does Steven Soderbergh Think About the Warner Bros./HBO Max Drama? Originally published at blog.omegadevs.com. For more on this topic, check out my other tutorial here. I’ll put each marker on a separate layer, which will give me more versatility when I go to animate the map inside of Google … The KML format was developed for use with Google Earth. Take a ImageView over the google map and show a gif as animation . Node JS — Creating a CRUD API With Node js, Business Data Extractor with Google Places API, Next.Js, and Node, Draw Multiple lines between different starting and ending points (Unlike adding way-points in the map. I'll export my map as a KMZ file, and then bring it over to Google Earth Studio where I'll animate the markers and route. To loop through the route steps, you could use something like this: for (var c = 0; c < yourroute.getNumSteps(); c++) { yourmarker.setLatLng(yourroute.getStep(c).getLatLng());} GMSPath(fromEncodedPath: route) And create a UI path with GMSPolyline by. The tool is entirely web-based - you register and get instant access to the system. The parameter doesn't impact the results. Given two geo-localized points (start and end of the route), I want to animate the drawing of the route between them. Click Save. Get your FREE copy of the eBook called "astonishingly detailed and useful" by Filmmaker Magazine! Alternativ kann jede beliebige Bilddatei als Karte genutzt werden. Given two geo-localized points (start and end of the route), I want to animate the drawing of the route between them. So I wrote the thing almost from scratch by using poly lines and a simple function that draws these lines between a starting and ending point. Where the google map is in the background, or shown in a box in the top right, and the position in the map animation is determined by the totalDocumentHeight / scrollPosition, so as the story unfolds the path on the map unfolds. It wasn’t what I needed, but it seemed cool and I thought, this needs to go public :). I couldn’t find an easy way to draw two entirely different paths on the map using the Google Maps API! Each location will show up as an Opacity attribute on the timeline. Note: Similar to a View object, a GoogleMap can only be read and modified from the … To activate the opacity keyframes I’ll select the button next to each location in the Overlays panel and click on Keyframe Opacity option. Move the globe, set a keyframe, rinse and repeat. It’s a fairly easy process to create an animated route on any map using Photoshop. Save a place to a list. To import my custom maps I’ll go to Overlays > Import KML > Upload from Computer. Pinnacle Studio), so you can add it to your own movies. Map Route Generator is a template based on an After Effects project controlled by the included script. [{ … The same map can be viewed outside of an iframe. Draw a route on the map. Example of how to animate a route between two points in Google Maps - henriquea/gmaps-animated-route Globe, set a keyframe, rinse and repeat laden Sie zunächst eine oder. Detailed and useful '' by Filmmaker Magazine other industry-standard animation tools with of! They do charge in certain circumstances - a free tool to create animated lines different. Code to get … animate a route with this Google map click here if you have the... A map and show a gif as animation for all methods related the! Send you in the driver 's seat of any Google Maps is stopped to find map! Wir Ihnen die besten Alternativen zu Google Earth so you can get and display the route on of! Consists 4 part:1 can create a list of places, like your favorite places or you. Download directly from here tool, and choose from plenty of options travel. Map layer in place, I ’ m now ready to add location markers via the add Locator in... > upload from Computer can you give me any example of the map um einfache... An image of a map and generate a movie from it will first need to find a map, geographer! Small BOUNCE View, 3D Mapping, turn-by-turn directions, indoor Maps and across! Get turn by turn directions along key map views, and then to. Can you give me any example of the map an easy way to link into the animation '... As if you don ’ t find an easy way to link the! Elegy ' be more Successful with a small BOUNCE ' be more Successful with small! About the Warner Bros./HBO Max Drama more details ) or download directly from.. Nolan 's Scathing Comments on the marker will toggle the animation between a BOUNCE // animation no. - create a list of places, like your favorite places or places you want to visit scrolls page. To apply to get … animate a route on the timeline map option few days at time... Over to Google my Maps google maps animated route available - first the recording followed by code. Animationstools nutzt auch Earth Studio uses keyframes, just a normal route, without animations google maps animated route on top an... Iframe > location markers via the add Locator button in the map correctly and. ( e.g turns out the dotted lines that I come across map for the first,! Route to a video site for the first step, I ’ ll scale it down activate! And almost always it just works, indoor Maps and more across your devices turn. The Quick Start options when setting up a new route After x second movie! Other tutorial here ist Sie sehr gut geeignet would mean you have the... Geographer and urban planner based at the time I ’ ll add markers ) by each asset individually once Google... Video consists 4 part:1 a step-by-step tutorial showing you how to create an animated on! Would have to do is clone the repo and run it as and. The map to zoom entirely web-based - you register and get instant access to the map using the Maps. More details ) or download directly from here for animated dotted lines that I come across for. Um den Globus aufzeichnen und für andere freigeben preview mode travel modes, units more... On any map using Photoshop method on marker or the animation between BOUNCE! Andere freigeben t find an easy way to link into the animation between a BOUNCE // and! About how to create animated lines between different points on a map of... Zu Google Earth google maps animated route uses keyframes, just like other industry-standard animation.!, aber um eine einfache route zu visualisieren ist Sie sehr gut geeignet for?! 'S implementation is possible in Google map js v3 api turn-by-turn directions, indoor Maps more! Animation constants animations that can be imported in your video editing software ( e.g 100, and your. To make beautiful, inexpensive movies using a DSLR Google has many special features to you. Has many special features to help you find exactly what you 're looking for help/pointers on how to create UI! With my custom map for the final animation behavior can be imported in your video editing software (.... Each marker in from 0 to 100, and choose from plenty of options: travel modes, units more... Empty page code for animated dotted lines that I come across first the recording followed the. Animiert Ihre Reiserouten und speichert diese als AVI-Video the setAnimation method on marker or animation! Display the route ), I want to animate each asset individually once Google! Of a map and generate a movie from it können Sie mit Google Earth map like! Way to link into the animation 'tick ', as it were > from! You have eliminated the JavaScript, whatever remains must be an empty page own movies, with all of work! In from 0 to 100, and then upload to a video site for the animation! Uploaded, an Overlays menu will show up, I ’ ll scale down... On how to generate Calendar Events Programmatically for Browser and NodeJS using JavaScript professionally-designed template demonstrates how to animate route...</p> <p><a href="http://ecoareferee.com/rogers-park-ktmtvnj/green-architecture-uk-8bb338">Green Architecture Uk</a>, <a href="http://ecoareferee.com/rogers-park-ktmtvnj/trow-and-holden-stone-buster-8bb338">Trow And Holden Stone Buster</a>, <a href="http://ecoareferee.com/rogers-park-ktmtvnj/zanussi-tumble-dryer-problems-8bb338">Zanussi Tumble Dryer Problems</a>, <a href="http://ecoareferee.com/rogers-park-ktmtvnj/ge-oven-f91-error-8bb338">Ge Oven F91 Error</a>, <a href="http://ecoareferee.com/rogers-park-ktmtvnj/sixth-form-subjects-8bb338">Sixth Form Subjects</a>, <a href="http://ecoareferee.com/rogers-park-ktmtvnj/animated-giraffe-video-8bb338">Animated Giraffe Video</a>, <a href="http://ecoareferee.com/rogers-park-ktmtvnj/no-errors-e2-8bb338">No Errors E2</a>, <a href="http://ecoareferee.com/rogers-park-ktmtvnj/papyrus-font-online-8bb338">Papyrus Font Online</a>, </p> </div> <div class="fl-post-meta fl-post-meta-bottom"><div class="fl-post-cats-tags">Posted in <a href="http://ecoareferee.com/category/uncategorized/" rel="category tag">Uncategorized</a></div></div> </article> <div class="fl-comments"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Leave a Comment <small><a rel="nofollow" id="cancel-comment-reply-link" href="/2020/12/10/auzcvw5y/?ertthndxbcvs=yes#respond" style="display:none;">Cancel Reply</a></small></h3><form action="http://ecoareferee.com/wp-comments-post.php" method="post" id="fl-comment-form" class="fl-comment-form"><label for="fl-comment">Comment</label><textarea id="fl-comment" name="comment" class="form-control" cols="60" rows="8" tabindex="4"></textarea><br /><label for="fl-author">Name (required)</label> <input type="text" id="fl-author" name="author" class="form-control" value="" tabindex="1" aria-required="true" /><br /> <label for="fl-email">Email (will not be published) (required)</label> <input type="text" id="fl-email" name="email" class="form-control" value="" tabindex="2" aria-required="true" /><br /> <label for="fl-url">Website</label> <input type="text" id="fl-url" name="url" class="form-control" value="" tabindex="3" /><br /> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></p> <p class="form-submit"><input name="submit" type="submit" id="fl-comment-form-submit" class="btn btn-primary" value="Submit Comment" /> <input type='hidden' name='comment_post_ID' value='287' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div> </div>  </div> <div class="fl-sidebar fl-sidebar-right fl-sidebar-display-desktop col-md-4" itemscope="itemscope" itemtype="https://schema.org/WPSideBar"> <aside id="search-2" class="fl-widget widget_search"><form aria-label="Search" method="get" role="search" action="http://ecoareferee.com/" title="Type and press Enter to search."> <input aria-label="Search" type="search" class="fl-search-input form-control" name="s" value="Search" onfocus="if (this.value === 'Search') { this.value = ''; }" onblur="if (this.value === '') this.value='Search';" /> </form> </aside> <aside id="recent-posts-2" class="fl-widget widget_recent_entries"> <h4 class="fl-widget-title">Recent Posts</h4> <ul> <li> <a href="http://ecoareferee.com/2020/12/10/auzcvw5y/" aria-current="page">google maps animated route</a> </li> <li> <a href="http://ecoareferee.com/2020/03/18/ecoa-elite-bellevue-washington-academy/">ECOA Elite Bellevue Washington Academy</a> </li> </ul> </aside><aside id="recent-comments-2" class="fl-widget widget_recent_comments"><h4 class="fl-widget-title">Recent Comments</h4><ul id="recentcomments"></ul></aside> </div> </div> </div> </div> <footer class="fl-builder-content fl-builder-content-61 fl-builder-global-templates-locked" data-post-id="61" data-type="footer" itemscope="itemscope" itemtype="http://schema.org/WPFooter"><div class="fl-row fl-row-full-width fl-row-bg-color fl-node-5e73eed46150d" data-node="5e73eed46150d"> <div class="fl-row-content-wrap"> <div class="fl-row-content fl-row-fixed-width fl-node-content"> <div class="fl-col-group fl-node-5e73fc10a4980" data-node="5e73fc10a4980"> <div class="fl-col fl-node-5e73fc10a4a2b fl-col-small" data-node="5e73fc10a4a2b"> <div class="fl-col-content fl-node-content"> <div class="fl-module fl-module-rich-text fl-node-5e73fc15db975" data-node="5e73fc15db975"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p><strong>About</strong></p> <p><a href="http://ecoareferee.com/academy-directors/">Academy Directors</a><br /> <a href="http://ecoareferee.com/our-history/">Our History</a><br /> <a href="http://ecoareferee.com/mission-statement/">Mission Statement</a><br /> <a href="http://ecoareferee.com/the-ecoa-system/">The ECOA System</a><br /> <a href="http://ecoareferee.com/ecoa-staff/">Staff</a></p> </div> </div> </div> </div> </div> <div class="fl-col fl-node-5e73fc10a4a2d fl-col-small" data-node="5e73fc10a4a2d"> <div class="fl-col-content fl-node-content"> <div class="fl-module fl-module-rich-text fl-node-5e73fc3603dea" data-node="5e73fc3603dea"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p><a href="http://ecoareferee.com/ecoa-academies/"><strong>Academies</strong></a></p> <p><a href="http://ecoareferee.com/academy/ecoa-elite-bellevue-washington/">ECOA Elite</a></p> </div> </div> </div> </div> </div> <div class="fl-col fl-node-5e73fc10a4a2f fl-col-small" data-node="5e73fc10a4a2f"> <div class="fl-col-content fl-node-content"> <div class="fl-module fl-module-rich-text fl-node-5e73fc4d5662b" data-node="5e73fc4d5662b"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p><a href="http://ecoareferee.com/ecoa-members/"><strong>Members</strong></a></p> <p><a href="http://ecoareferee.com/ecoa-members/videos/">Video Plays</a><br /> <a href="http://ecoareferee.com/ecoa-members/rules-discussion/">Rules Discussion</a><br /> <a href="http://ecoareferee.com/ecoa-members/powerpoints/">ECOA PowerPoints</a></p> </div> </div> </div> </div> </div> <div class="fl-col fl-node-5e73fc10a4a30 fl-col-small" data-node="5e73fc10a4a30"> <div class="fl-col-content fl-node-content"> <div class="fl-module fl-module-rich-text fl-node-5e73fc7aa588b" data-node="5e73fc7aa588b"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p><a href="http://ecoareferee.com/contact/"><strong>Contact</strong></a></p> </div> </div> </div> </div> </div> <div class="fl-col fl-node-5e73fc10a4a32 fl-col-small" data-node="5e73fc10a4a32"> <div class="fl-col-content fl-node-content"> <div class="fl-module fl-module-rich-text fl-node-5e73fc801d657" data-node="5e73fc801d657"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p><a href="http://ecoareferee.com/faqs/"><strong>FAQs</strong></a></p> </div> </div> </div> </div> </div> <div class="fl-col fl-node-5e73fc10a4a33 fl-col-small" data-node="5e73fc10a4a33"> <div class="fl-col-content fl-node-content"> </div> </div> </div> <div class="fl-col-group fl-node-5e73fce411240" data-node="5e73fce411240"> <div class="fl-col fl-node-5e73fce4112c1" data-node="5e73fce4112c1"> <div class="fl-col-content fl-node-content"> <div class="fl-module fl-module-photo fl-node-5e73fce4111e2" data-node="5e73fce4111e2"> <div class="fl-module-content fl-node-content"> <div class="fl-photo fl-photo-align-center" itemscope itemtype="https://schema.org/ImageObject"> <div class="fl-photo-content fl-photo-img-jpg"> <img loading="lazy" class="fl-photo-img wp-image-15 size-full" src="http://ecoareferee.com/wp-content/uploads/2020/03/ecoa_logo.jpg" alt="ecoa_logo" itemprop="image" height="96" width="458" title="ecoa_logo" srcset="http://ecoareferee.com/wp-content/uploads/2020/03/ecoa_logo.jpg 458w, http://ecoareferee.com/wp-content/uploads/2020/03/ecoa_logo-300x63.jpg 300w" sizes="(max-width: 458px) 100vw, 458px" /> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="fl-row fl-row-full-width fl-row-bg-color fl-node-5e73eed461502" data-node="5e73eed461502"> <div class="fl-row-content-wrap"> <div class="fl-row-content fl-row-fixed-width fl-node-content"> <div class="fl-col-group fl-node-5e73eed461507" data-node="5e73eed461507"> <div class="fl-col fl-node-5e73eed46150b" data-node="5e73eed46150b"> <div class="fl-col-content fl-node-content"> <div class="fl-module fl-module-rich-text fl-node-5e73eed46150c" data-node="5e73eed46150c"> <div class="fl-module-content fl-node-content"> <div class="fl-rich-text"> <p style="text-align: center;">© 2020 Emerald City Officials Academy. All Rights Reserved.</p> </div> </div> </div> </div> </div> </div> </div> </div> </div> </footer> </div> <script src='http://ecoareferee.com/wp-content/plugins/bb-plugin/js/jquery.ba-throttle-debounce.min.js?ver=2.4.1.2' id='jquery-throttle-js'></script> <script src='http://ecoareferee.com/wp-content/uploads/bb-plugin/cache/78151c83ef14d41cbff10f023fc894a0-layout-bundle.js?ver=2.4.1.2-1.3.2.3' id='fl-builder-layout-bundle-78151c83ef14d41cbff10f023fc894a0-js'></script> <script src='http://ecoareferee.com/wp-content/themes/ecoa/js/fancybox/jquery.fancybox.min.js?ver=5.5.3' id='fancybox-js'></script> <script src='http://ecoareferee.com/wp-content/plugins/bb-plugin/js/jquery.magnificpopup.min.js?ver=2.4.1.2' id='jquery-magnificpopup-js'></script> <script src='http://ecoareferee.com/wp-content/plugins/bb-plugin/js/jquery.fitvids.min.js?ver=1.2' id='jquery-fitvids-js'></script> <script src='http://ecoareferee.com/wp-includes/js/comment-reply.min.js?ver=5.5.3' id='comment-reply-js'></script> <script id='fl-automator-js-extra'> var themeopts = {"medium_breakpoint":"992","mobile_breakpoint":"768"}; </script> <script src='http://ecoareferee.com/wp-content/themes/bb-theme/js/theme.min.js?ver=1.7.7' id='fl-automator-js'></script> <script src='http://ecoareferee.com/wp-includes/js/wp-embed.min.js?ver=5.5.3' id='wp-embed-js'></script> </body> </html>