6 |
7 | ## Demo apk (Android)
8 | [ionic-googlemaps-quickdemo.apk](./ionic-googlemaps-quickdemo.apk)
9 |
10 | ## Replace with your api key
11 |
12 | You need to replace `(REPLACE WITH YOUR APK KEY)` in [config.xml](https://github.com/mapsplugin/ionic-googlemaps-quickdemo/blob/master/config.xml#L83-L84) file with your Google Maps API keys.
13 |
--------------------------------------------------------------------------------
/bin/local_dev.sh:
--------------------------------------------------------------------------------
1 | #!/bin/bash
2 |
3 | GMAPS_DIR_PATH=$1
4 | if [ -z "${GMAPS_DIR_PATH}" ]; then
5 | echo "Usage:"
6 | echo " $> npm run link (path_to_@ionic-native/google-maps directory)"
7 | exit 0
8 | fi
9 |
10 | CHECK=`ls -l ${GMAPS_DIR_PATH}/package.json 2>&1`
11 |
12 | if [[ $CHECK = *"No such file or directory"* ]]; then
13 | (>&2 echo "There is no package.json at ${GMAPS_DIR_PATH}")
14 | else
15 | rm -rf node_modules/\@ionic-native/core
16 | rm -rf node_modules/\@ionic-native/google-maps
17 |
18 | # cp -R ${GMAPS_DIR_PATH}/dist/\@ionic-native/core node_modules/\@ionic-native/
19 | npm link ${GMAPS_DIR_PATH}/dist/\@ionic-native/core
20 | npm link ${GMAPS_DIR_PATH}/dist/\@ionic-native/google-maps
21 | fi
22 |
--------------------------------------------------------------------------------
/capture.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/mapsplugin/ionic-googlemaps-quickdemo/c5dc372670baecaf875a3001a06a487a94cc8e98/capture.png
--------------------------------------------------------------------------------
/config.xml:
--------------------------------------------------------------------------------
1 |
2 | Single geocoding
21 |
22 |
23 |
27 |
28 |
29 | | 25 | |
30 | 31 |
Batch geocoding
32 |
33 |
34 |
35 | Ionic GoogleMaps Demo
12 |13 | This is a demo application of @ionic-native/google-maps plugin. 14 |
15 |
16 |
17 |
18 | Hearst Castle
', 48 | '
'
49 | ].join("");
50 | frame.getElementsByTagName("img")[0].addEventListener("click", () => {
51 | htmlInfoWindow.setBackgroundColor('red');
52 | });
53 | htmlInfoWindow.setContent(frame, {
54 | width: "280px",
55 | height: "330px"
56 | });
57 |
58 | let marker: Marker = this.map.addMarkerSync({
59 | position: {lat: 35.685208, lng: -121.168225},
60 | draggable: true,
61 | disableAutoPan: true
62 | });
63 |
64 | marker.on(GoogleMapsEvent.MARKER_CLICK).subscribe(() => {
65 | htmlInfoWindow.open(marker);
66 | });
67 |
68 | }
69 | }
70 |
--------------------------------------------------------------------------------
/src/pages/kml-overlay/kml-overlay.html:
--------------------------------------------------------------------------------
1 |
7 |
21 |
22 |
23 |