This project is a library to use MarkerWithLabel for V3 from dart
scripts.
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 found at https://github.com/googlemaps/v3-utility-library/tree/master/markerwithlabel/examples in the example directory.
Apache 2.0
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');
});
}
Add this to your package's pubspec.yaml file:
dependencies:
marker_with_label: "^0.0.8"
You can install packages from the command line:
with pub:
$ pub get
with Flutter:
$ flutter packages get
Alternatively, your editor might support pub get
or packages get
.
Check the docs for your editor to learn more.
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 |
|
|
We analyzed this package on Apr 23, 2018, and provided a score, details, and suggestions below. Analysis was completed with status completed using:
Popularity:
Describes how popular the package is relative to other packages.
[more]
|
0 | / 100 |
Health:
Code health derived from static analysis.
[more]
|
99 | / 100 |
Maintenance:
Reflects how tidy and up-to-date the package is.
[more]
|
100 | / 100 |
Overall score:
Weighted score of the above.
[more]
|
50 |
Detected platforms: Flutter, web, other
No platform restriction found in primary library
package:marker_with_label/marker_with_label.dart
.
Package is pre-v1 release.
While there is nothing inherently wrong with versions of
0.*.*
, it usually means that the author is still experimenting with the general direction API.
Fix analysis and formatting issues.
Analysis or formatting checks reported 1 hint.
Run
dartfmt
to formatlib/src/marker_with_label.dart
.
Package | Constraint | Resolved | Available |
---|---|---|---|
Direct dependencies | |||
Dart SDK | >=1.20.1 <2.0.0 | ||
google_maps | >=3.0.0 <4.0.0 | 3.2.4 | |
js_wrapping | ^0.4.0 | 0.4.7 | |
Transitive dependencies | |||
func | 1.0.0 | ||
meta | 1.1.2 | ||
Dev dependencies | |||
js_wrapping_generator | ^0.4.0 | ||
test | ^0.12.0 |