Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/best-flutter/flutter_amap

A Flutter plugin use amap.高德地图flutter组件
https://github.com/best-flutter/flutter_amap

amap amapsdk flutter flutter-pu

Last synced: about 16 hours ago
JSON representation

A Flutter plugin use amap.高德地图flutter组件

Awesome Lists containing this project

README

        

# flutter_amap

高德地图3d flutter组件。

展示原生android、ios高德地图,并与flutter交互。

注意:随着flutter版本的提升, 本项目也会随之更新,目前这个版本只能在单独的controller或者activity中打开高德地图。

## Getting Started

### 集成高德地图android版本

1、先申请一个apikey
http://lbs.amap.com/api/android-sdk/guide/create-project/get-key

2、在AndroidManifest.xml中增加
```

```

3、增加对应的权限:

```









```

4、增加要显示的activity:

```

```

### 集成高德地图ios版本

1、申请一个key
http://lbs.amap.com/api/ios-sdk/guide/create-project/get-key

直接在dart文件中设置key

```
import 'package:flutter_amap/flutter_amap.dart';

void main(){
FlutterAmap.setApiKey("你的key");
runApp(ne w MyApp());
}
```

2、在info.plist中增加:

```
NSLocationWhenInUseUsageDescription
要用定位
```

## How to use

先导入dart包
修改pubspec.yaml,增加依赖:

```
dependencies:
flutter_amap: "^0.0.1"
```

在要用的地方导入:

```
import 'package:flutter_amap/flutter_amap.dart';
```

然后就可以使用了

```
FlutterAmap amap = new FlutterAmap();

void show(){
amap.show(
mapview: new AMapView(
centerCoordinate: new LatLng(39.9242, 116.3979),
zoomLevel: 13.0,
mapType: MapType.night,
showsUserLocation: true),
title: new TitleOptions(title: "我的地图"));
amap.onLocationUpdated.listen((Location location){

print("Location changed $location") ;

});
}

```

## 特性

* [x] android支持
* [x] ios 支持
* [x] 不需要新增Activity或Controller就可以展示地图
* [x] 地图的展示和隐藏
* [x] 设置地图位置
* [x] 基本地图选项
* [x] 定位回调
* [ ] 展示定制的地图Mark
* [ ] 搜索api
* [ ] 更多api