Cordova HMS Map Plugin | Installation and Example - Huawei Developers

Introduction
In this article, I will explain what Cordova HMS Map Kit is, how to integrate it to the cordova base project and usage of it.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Huawei Map Kit enables communication between HUAWEI Map Kit SDK and Cordova platform. It exposes all functionality provided by HUAWEI Map Kit SDK.
Prerequisites
Before installing Map Kit, you should have installed npm, Node.js and Cordova CLI.
Installation
Let’s start with creating a cordova project. Open Window CMD and create a cordova project like below.
Code:
<p style="line-height: 1.5em;"># create a cordova based project. You can change name of the project as whatever you want.
$ cordova create HMSMapDemo com.hms.mapdemo HmsMap</p>
This command will create a directory called HMSMapDemo where our cordova project is.
After this command, you should add platform to the project. To add, follow command below:
Code:
<p style="line-height: 1.5em;"># first go into cordova project directory
$ cd HMSMapDemo
# add android platform
$ cordova platform add android</p>
Next, add the cordova-plugin-hms-map plugin to your project.
Run the following command in the root directory of your Cordova project to install it through npm.
Code:
<p style="line-height: 1.5em;">$ cordova plugin add @hmscore/cordova-plugin-hms-map</p>
To you use HMSMap plugin, you should have agconnect-services.json and .jks files. Following this guide, you can configure all requirements to use HMS Map Plugin.
After configuration step, finally build project with command below:
Code:
<p style="line-height: 1.5em;">$ cordova build android
</p>
After that, open your android studio project and you are ready to use plugin.
Using Cordova HMS Map Plugin
This section describes how to use the plugin to quickly obtain a map object, change the map type, display my-location on the map, and enable the map’s lite mode.
Creating Map Object
Every map object is bound to a div element in html file. Let’s create a div element in html and change value of id property as “map”.

---

How can we draw dotted polyline?

---

that's a nice start...

---

Mais ficar incrível esse mapa quando tiver completo.