flutter高德地图大头针

1、效果图
在这里插入图片描述
2、pub get

#地图定位
amap_flutter_map: ^3.0.0
amap_flutter_location: ^3.0.0

3、上代码

import 'dart:async';
import 'dart:io';
 
import 'package:amap_flutter_location/amap_flutter_location.dart';
import 'package:amap_flutter_location/amap_location_option.dart';
import 'package:fate_blind_box/theme/theme_color.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
 
import 'package:amap_flutter_map/amap_flutter_map.dart';
import 'package:amap_flutter_base/amap_flutter_base.dart';
import 'package:permission_handler/permission_handler.dart';
import 'package:url_launcher/url_launcher.dart';
import '../../../utils/loading.dart';
import '../../Home/map/canteen.dart';
 
class AMapPage extends StatelessWidget {
 
  final String title;
  final String iosKey;
  final String androidKey;
 
  final LatLng? latLng;
 
 
 
  final void Function(AMapController controller)? onMapCreated;
 
  AMapPage(this.title,this.iosKey, this.androidKey, {Key? key, this.latLng, this.onMapCreated}) : super(key: key);
 
 
  // 添加线段
  //lines 结构   [LatLng(26.642386, 106.65195799999998), LatLng(26.641542, 106.65062999999998), LatLng(26.641402, 106.65063499999997), LatLng(26.641411, 106.65086300000002), LatLng(26.641334, 106.65067099999999), LatLng(26.641374, 106.650688), LatLng(26.641567, 106.65078499999998), LatLng(26.641656, 106.651207), LatLng(26.641708, 106.651408), LatLng(26.641413, 106.65066100000001), LatLng(26.641484, 106.65012100000001)]
  //定义
 
 
  @override
  Widget build(BuildContext context) {
 
    List<Marker> markers = [
      Marker(position: const LatLng(39.909215, 116.41005),
        icon:BitmapDescriptor.fromIconPath("images/ic_mapIcon1.png"),
        infoWindow: const InfoWindow(
          title: '东城区',
          snippet: '',
        ),
        onTap: (marker){
          
        },
      ),
 
      Marker(position: const LatLng(39.9305, 116.36003),
        icon:BitmapDescriptor.fromIconPath("images/ic_mapIcon2.png"),
        infoWindow: const InfoWindow(
          title: '西城区',
          snippet: '',
        ),
        onTap: (marker){
          
        },
      ),
      Marker(position: const LatLng(39.9484, 116.48548),
        icon:BitmapDescriptor.fromIconPath("images/ic_mapIcon3.png"),
        infoWindow: const InfoWindow(
          title: '朝阳区',
          snippet: '',
        ),
        onTap: (marker){
          
        },
      ),
      Marker(position: const LatLng(39.8585, 116.28625),
        icon:BitmapDescriptor.fromIconPath("images/ic_mapIcon4.png"),
        infoWindow: const InfoWindow(
          title: '丰台区',
          snippet: '',
        ),
        onTap: (marker){
          
        },
      ),
      Marker(position: const LatLng(39.90564, 116.2229),
        icon:BitmapDescriptor.fromIconPath("images/ic_mapIcon5.png"),
        infoWindow: const InfoWindow(
          title: '石景山区',
          snippet: '',
        ),
        onTap: (marker){
          
        },
      ),
      Marker(position: const LatLng(39.95931, 116.29812),
        icon:BitmapDescriptor.fromIconPath("images/ic_mapIcon1.png"),
        infoWindow: const InfoWindow(
          title: '海淀区',
          snippet: '',
   
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值