init project

example/lib/pages/interactive/poi_click_demo.dart

@@ -0,0 +1,69 @@
+import 'package:amap_map/amap_map.dart';
+import 'package:amap_map/amap_map.dart';
+import 'package:amap_map_example/base_page.dart';
+import 'package:amap_map_example/const_config.dart';
+import 'package:flutter/material.dart';
+
+class PoiClickDemoPage extends BasePage {
+  PoiClickDemoPage(String title, String subTitle) : super(title, subTitle);
+
+  @override
+  Widget build(BuildContext context) => _Body();
+}
+
+class _Body extends StatefulWidget {
+  _Body({Key? key}) : super(key: key);
+
+  @override
+  _BodyState createState() => _BodyState();
+}
+
+class _BodyState extends State<_Body> {
+  Widget? _poiInfo;
+  @override
+  Widget build(BuildContext context) {
+    final AMapWidget amap = AMapWidget(
+      apiKey: ConstConfig.amapApiKeys,
+      touchPoiEnabled: true,
+      onPoiTouched: _onPoiTouched,
+    );
+    return ConstrainedBox(
+      constraints: BoxConstraints.expand(),
+      child: Stack(
+        alignment: Alignment.center,
+        children: [
+          Container(
+            height: MediaQuery.of(context).size.height,
+            width: MediaQuery.of(context).size.width,
+            child: amap,
+          ),
+          Positioned(
+            top: 40,
+            width: MediaQuery.of(context).size.width,
+            height: 50,
+            child: Container(
+              child: _poiInfo,
+            ),
+          )
+        ],
+      ),
+    );
+  }
+
+  Widget showPoiInfo(AMapPoi poi) {
+    return Container(
+      alignment: Alignment.center,
+      color: Color(0x8200CCFF),
+      child: Text(
+        '您点击了 ${poi.name}',
+        style: TextStyle(fontWeight: FontWeight.w600),
+      ),
+    );
+  }
+
+  void _onPoiTouched(AMapPoi poi) {
+    setState(() {
+      _poiInfo = showPoiInfo(poi);
+    });
+  }
+}