Skip to content

[BUG] Map not rendering text #103

@simonwehle

Description

@simonwehle

Package

vector_map_tiles_pmtiles

Bug Description

Hey Joscha,

first of all thanks for the development of all the flutter_map plugins. I currently try to setup a map using Protomaps. I've imported the vector_map_tiles_pmtiles to be able to use ProtomapsThemes.lightV4(). For development I use the public API to get the map. Unfortunately the map does not display text labels at all and I think some background parts are missing. I guess it is related to the style, but I think it might be solvable since both the ProtomapsTheme and the Tiles are V4.
Your Example using V3 worked for me and displayed text.

Thanks in advance for your response
Greetings Simon

Image

Steps to Reproduce

  1. install dependencies
dependencies:
  flutter:
    sdk: flutter

  flutter_map: ^8.2.2
  latlong2: ^0.9.1
  flutter_dotenv: ^6.0.0
  vector_map_tiles: ^9.0.0-beta.8
  vector_map_tiles_pmtiles:
    git:
      url: https://github.com/josxha/flutter_map_plugins.git
      path: vector_map_tiles_pmtiles
  1. import reproduce class
  2. run on simulator

Expected Results

The map should display a map with text labels

Actual Results

The map is missing text labels and I think some background elements

Code Sample

import 'package:flutter/material.dart';
import 'package:flutter_dotenv/flutter_dotenv.dart';
import 'package:flutter_map/flutter_map.dart';
import 'package:latlong2/latlong.dart';
import 'package:vector_map_tiles/vector_map_tiles.dart';
import 'package:vector_map_tiles_pmtiles/vector_map_tiles_pmtiles.dart';

class ReproduceScreen extends StatelessWidget {
  const ReproduceScreen({super.key});

  @override
  Widget build(BuildContext context) {
    final protoMaps = dotenv.env['PROTO_MAPS'] ?? '';
    final NetworkVectorTileProvider
    protoMapsProvider = NetworkVectorTileProvider(
      urlTemplate:
          'https://api.protomaps.com/tiles/v4/{z}/{x}/{y}.mvt?key=$protoMaps',
      maximumZoom: 15,
    );
    return Scaffold(
      appBar: AppBar(
        backgroundColor: Colors.white,
        title: const Text('Map not rendering text'),
      ),
      body: FlutterMap(
        options: MapOptions(
          initialCenter: LatLng(0, 0),
          minZoom: 0,
          maxZoom: 15,
          initialZoom: 3,
        ),
        children: [
          VectorTileLayer(
            tileProviders: TileProviders({'protomaps': protoMapsProvider}),
            theme: ProtomapsThemes.lightV4(),
          ),
        ],
      ),
    );
  }
}

Platforms

iOS

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions