How to add extra into text into flutter google map custom marker?

前端 未结 2 1041
挽巷
挽巷 2021-02-04 05:36

The problem is how to infuse text overlap on the custom google map marker with text which represents the vehicle registration number.

I have tried to use this method to h

2条回答
  •  南方客
    南方客 (楼主)
    2021-02-04 05:40

    try this :

     import 'package:flutter/material.dart';
    import 'package:google_maps_flutter/google_maps_flutter.dart';
    
    class MapsDemo extends StatefulWidget {
      @override
      State createState() => MapsDemoState();
    }
    
    class MapsDemoState extends State {
      final Set _markers = {};
    
      void _onAddMarkerButtonPressed() {
        print('in _onAddMarkerButtonPressed()');
        setState(() {
          _markers.add(Marker(
            // This marker id can be anything that uniquely identifies each marker.
            markerId: MarkerId("111"),
            position: LatLng(30.666, 76.8127),
            infoWindow: InfoWindow(
              title: "bingo! This works",
            ),
            icon: BitmapDescriptor.defaultMarker,
          ));
        });
        print('setState() done');
      }
    
      GoogleMapController mapController;
      //Map permissions = await PermissionHandler().requestPermissions([PermissionGroup.contacts]);import 'package:permission_handler/permission_handler.dart';
    
      @override
      Widget build(BuildContext context) {
        return Scaffold(
            body: Column(
              children: [
                Container(
                  height: MediaQuery.of(context).size.height,
                  width: MediaQuery.of(context).size.width,
                  child: GoogleMap(
                    markers: _markers,
                    onMapCreated: (GoogleMapController controller) {
                      mapController = controller;
                    },
                    initialCameraPosition:
                        CameraPosition(target: LatLng(30.666, 76.8127), zoom: 15),
                  ),
                ),
              ],
            ),
            floatingActionButton: FloatingActionButton(onPressed: () {
              print('in fab()');
              double mq1 = MediaQuery.of(context).devicePixelRatio;
    
    
    
              _onAddMarkerButtonPressed();
    
              mapController.animateCamera(
                CameraUpdate.newCameraPosition(
                  CameraPosition(
                    target: LatLng(30.666, 76.8127),
                    zoom: 15.0,
                  ),
                ),
              );
            }));
      }
    }
    

提交回复
热议问题