Node red series (25): integrate Gaode map and realize 3D map and track playback

Preface

In the last article I introduced how to stay node-red Using the Gaud map api sdk. And show you how to use template To display a map component . In this document, I will teach you how to implement a 3D The map is displayed on the panel .
And realize a common function in the map , Track playback , This is in route planning , Very useful in vehicle navigation . Combined with other functions, it can also achieve cool effects . Here is a detailed introduction to these two cases .

3d Map display

To make a 3d Map , Just introduce sdk It's not enough. , Other plug-ins need to be introduced .

Gaud map's JS API 3D Map is a new map view effect based on vector map data , comparison 2D Map added to rotation 、 Support for map functions such as angle of view tilting .3D Map based WEBGL Development , While maintaining fluency , Added support for functions such as non level zoom .
Take a look at the effect

Let's implement this case .

First, in the node-red In the edit panel of , introduce template node , Write the contents of the node .

introduce /amap-loader.js

Configure Gaode map KEY, load SDK

Write the code to initialize the map

AMapLoader.load({ 
     // Call for the first time  load</