You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
There is already [one](https://github.com/nlaplante/angular-google-maps) for this. However, I found myself doing totally different approach than the existing one, such as;
19
+
There is already [one](https://github.com/nlaplante/angular-google-maps) for this. However, I found myself taking a totally different approach than the existing one, such as:
20
20
21
21
1.**Everything in tag and attributes.**
22
-
Thus, basic users don't even have to know what Javascript is.
23
-
24
-
2.**Expose all original Google Maps V3 api to the user.**
25
-
No hiding, no wraping, or whatsoever.
22
+
Thus, users don't even need knowledge of JavaScript.
23
+
24
+
2.**Expose all original Google Maps V3 API to the user.**
25
+
No hiding, no wrapping or whatsoever.
26
26
By doing so, programmers don't need to learn how to use this module.
27
27
You only need to know Google Maps V3 API.
28
28
29
29
There is a blog that introduces this module. The title of it is '[Google Map As The Simplest Way](http://allenhwkim.tumblr.com/post/70986888283/google-map-as-the-simplest-way)'
2. Name your angular app ngMap, or add it as a dependency
43
+
2. Name your AngularJS app ngMap, or add it as a dependency
44
44
45
45
`var myApp = angular.module('myApp', ['ngMap']);`
46
46
@@ -54,13 +54,13 @@ To get the map instance use the `NgMap.getMap()` function
54
54
});
55
55
});
56
56
57
-
For npm users,
57
+
For npm users,
58
58
59
59
`$ npm install ngmap`
60
60
61
-
For meteor users: https://atmospherejs.com/wormy/angularjs-google-maps
61
+
For Meteor users: https://atmospherejs.com/wormy/angularjs-google-maps
62
62
63
-
Lazy Loading of Google Maps Javascript
63
+
Lazy loading of Google Maps JavaScript
64
64
---------------------------------------
65
65
Simply wrap the map tag with `map-lazy-load="https://maps.google.com/maps/api/js"`.
66
66
@@ -76,12 +76,12 @@ Lazy Loading of Google Maps Javascript
76
76
map-lazy-load-params="{{googleMapsUrl}}">
77
77
<ng-map center="41,-87" zoom="3"></ng-map>
78
78
</div>
79
-
79
+
80
80
FAQ
81
81
----
82
-
## Grey area in Google maps
82
+
## Grey area in Google Maps
83
83
84
-
The usual reason why this is happening is that the size of the map is changed after the map has been initialized. If you for some reason change the size of the div, you need to trigger the "resize" event and possible reCenter the map.
84
+
The usual reason why this happens is that the size of the map is changed after the map has been initialized. If you for some reason change the size of the div, you need to trigger the "resize" event and possible recenter the map.
You may checkout this,https://developers.google.com/maps/documentation/javascript/distancematrix.
105
+
You can check this out:https://developers.google.com/maps/documentation/javascript/distancematrix.
106
106
As you see, DistanceMatrix does not require map nor directive.
107
107
108
-
Another way to do is to use directions directive. As you see it here,https://rawgit.com/allenhwkim/angularjs-google-maps/master/testapp/directions2.html, you have access to DirectionsRenderer by using `map.directionsRenderers[id]`
108
+
Another way to do this, is to use directions directive. As you see it here:https://rawgit.com/allenhwkim/angularjs-google-maps/master/testapp/directions2.html, you have access to DirectionsRenderer by using `map.directionsRenderers[id]`
-[Starbucks World Wide](https://rawgit.com/allenhwkim/angularjs-google-maps/master/testapp/map_app.html)
@@ -154,16 +154,16 @@ Advanced Examples
154
154
155
155
Contributing
156
156
============
157
-
- Clone the repository from github
158
-
- Change to the folder dowloaded
157
+
- Clone the repository from GitHub.
158
+
- Change to the cloned directory.
159
159
-**npm install** to install the build tools
160
-
-**gulp build** to build the javascript & doc files in the /build folder & run the unit tests.
161
-
-**gulp clean** to cleanup the repository by removing files and folders from previous build.
160
+
-**gulp build** to build the JavaScript & doc files in the /build folder & run the unit tests.
161
+
-**gulp clean** to clean up the repository by removing files and folders from previous build.
162
162
-**gulp test** to run the Karma unit test suite.
163
163
-**gulp test:e2e** to run the Protractor test suite. For the first test run, you may need to update the protractor webdriver manager. It will show the command on screen if this is required (node_modules/gulp-protractor/node_modules/protractor/bin/webdriver-manager update).
164
164
-**gulp test:server** will start a web server for the testapp on http://localhost:8888
0 commit comments