Dart Marker With Labels #

This project is a library to use MarkerWithLabel for V3 from dart scripts.

Usage #

To use this library in your code:

add a dependency in your pubspec.yaml :

dependencies:
  google_maps: ">=3.0.0 <4.0.0"
  marker_with_labels: ">0.0.1 <1.0.0"

add import in your dart code:

import 'package:google_maps/google_maps.dart';
import 'package:marker_with_label/marker_with_label.dart';

Include the Maps API JavaScript using a script tag before your dart script and after Google Maps API.

<script src="https://maps.googleapis.com/maps/api/js?key=API_KEY"></script>
<script src="<your_js_location>/markerwithlabel.js"></script>

A very simple example :

import 'dart:html';

import 'package:google_maps/google_maps.dart';

void main() {
  final mapOptions = new MapOptions()
    ..zoom = 8
    ..center = new LatLng(-34.397, 150.644);
  new GMap(document.getElementById("map-canvas"), mapOptions);
  
  var markerWithLabelOptions = new MarkerWithLabelOptions()
    ..labelContent = "Hello Label"
    ..map = gMap
    ..position = latLng;
  
  new MarkerWithLabel(markerWithLabelOptions);
}

Examples #

Examples found at https://github.com/googlemaps/v3-utility-library/tree/master/markerwithlabel/examples in the example directory.

License #

Apache 2.0

Changelog #

0.0.1 #

Initial version, created by Stagehand

0.0.2 #

Fix package name, remove dart from name

0.0.3 #

Fix example dependency import

0.0.4 #

Add icon property on marker options

0.0.8 #

Add events

example/marker_with_label_example.dart

import 'dart:html';

import 'package:google_maps/google_maps.dart';
import 'package:marker_with_label/marker_with_label.dart';

void main() {
  var latLng = new LatLng(-34.397, 150.644);

  final mapOptions = new MapOptions()
    ..zoom = 8
    ..center = latLng;

  var gMap = new GMap(document.getElementById("map-canvas"), mapOptions);

  var markerWithLabelOptions = new MarkerWithLabelOptions()
    ..labelContent = "Hello Label"
    ..map = gMap
    ..position = latLng;

  var markerWithLabel = new MarkerWithLabel(markerWithLabelOptions);

  markerWithLabel.onClick.listen((e){
    print('Marker Click');
  });
}

Use this package as a library

1. Depend on it

Add this to your package's pubspec.yaml file:


dependencies:
  marker_with_label: ^0.0.8

2. Install it

You can install packages from the command line:

with pub:


$ pub get

Alternatively, your editor might support pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:


import 'package:marker_with_label/marker_with_label.dart';

Version	Uploaded	Documentation	Archive
0.0.8	Jul 15, 2017
0.0.7	Jul 14, 2017
0.0.6	Jul 14, 2017
0.0.5	Jul 14, 2017

Popularity: Describes how popular the package is relative to other packages. [more]	3
Health: Code health derived from static analysis. [more]	--
Maintenance: Reflects how tidy and up-to-date the package is. [more]	--
Overall: Weighted score of the above. [more]	2

Learn more about scoring.

The package version is not analyzed, because it does not support Dart 2. Until this is resolved, the package will receive a health and maintenance score of 0.

Analysis issues and suggestions

Support Dart 2 in pubspec.yaml.

The SDK constraint in pubspec.yaml doesn't allow the Dart 2.0.0 release. For information about upgrading it to be Dart 2 compatible, please see https://www.dartlang.org/dart-2#migration.

Maintenance issues and suggestions

Make sure dartdoc successfully runs on your package's source files. (-10 points)

Dependencies were not resolved.

Dependencies

Package	Constraint	Resolved	Available
Direct dependencies
Dart SDK	>=1.20.1 <2.0.0

Dart pub

marker_with_label 0.0.8