目录

Getting Started

Development Environment

Currently, JavaScript APIs support the following browsers.

Browser

Platform

Chrome 6x

Windows, Android, macOS

Chrome 7x

Windows, Android, macOS

Chrome 8x

Windows, Android, macOS

Internet Explorer 10

Windows

Internet Explorer 11

Windows

WeChat V7.X.X (latest version)

Android

Huawei Browser (EMUI 9.X)

Android

Huawei Browser (EMUI 10.X)

Android

Safari 12.x

iOS

Safari 13.x

iOS

Safari 13.x

macOS

Internet Explorer 10 and Internet Explorer 11 support only raster map rendering.

Development Process

Follow the steps in the following process when you develop an app.

No.

Step

Description

1

Preparations

Make preparations for developing your app, including Registering as a Developer, Creating a Project, Creating an App, Enabling Required Services, and Obtaining the API Key.

If you have created an app in AppGallery Connect, directly obtain an API key by referring to Obtaining the API Key to use the service.

2

Subscribing to a Pay-As-You-Go Plan

Subscribe to a pay-as-you-go plan. You can change the plan anytime.

3

Map Creation

Create a simple web map using JavaScript APIs.

Map Interaction

Develop UI controls for users to interact with your map, for example, tapping, double-tapping, zooming in, and panning your map, as well as changing your map's angle.

Drawing on a Map

Add markers, information windows, and ground overlays to your map as needed.

Map Style Customization

Add a custom map to your app.

Route Planning

Integrate capabilities for planning walking, cycling, and driving routes as needed.

Place Search

Integrate place search functions into your app as needed, including keyword search, nearby place search, place detail search, place search suggestion, and search widget.

Geocoding

Integrate forward and reverse geocoding into your app as needed to convert structured addresses into coordinates or vice versa.

Subscribing to a Pay-As-You-Go Plan

From January 1, 2021, Map Kit will offer pay-as-you-go plans for some of its APIs. For details, please refer to Service Pricing. To upgrade the pay-as-you-go plan for your project, sign in to AppGallery Connect, click My projects, click your project, and go to Project settings > My plan.