Stack Overflow
Stack Overflow

Questions tagged [ng-map]

ng-map is a Google map AngularJS Directive. Its main features are everything in tag and attributes and it exposes all original Google Maps V3 api to the user.

ng-map is a Google map AngularJS Directive. Its main features are:

  • Everything in tag and attributes - Thus, basic users don't even have to know what Javascript is.

  • Expose all original Google Maps V3 api to the user - No hiding, no wraping, or whatsoever. By doing so, programmers don't need to learn how to use this module. You only need to know Google Maps V3 API.

Demos can be found here.

Documentation at: https://rawgit.com/allenhwkim/angularjs-google-maps/master/build/docs/index.html

Github link: https://github.com/allenhwkim/angularjs-google-maps

200 questions
4
votes
1 answer

ng-map :Can't get map object into the controller

As shown in this example of using direction api of ngmap, a map variable is used to get the total length of the route. {{map.directionsRenderers[0].directions.routes[0].overview_path.length}} as in the example…
praveensanap
  • 103
  • 8
4
votes
1 answer

Using Event listeners with ngMap

I'm using Allenhwkim's wonderful ngMap in a project. I know that I need to use Maps Javascript v3 API to manipulate the map, which is going well except that I can't get any event listeners, e.g., $google.maps.event.addListener(markers[i], 'click',…
Jay
  • 57
  • 1
  • 1
  • 6
4
votes
4 answers

Responsive design with Google Maps

I am using ng-map to display Google Maps in my Angular app, but his may well be a stright JS question (or even just CSS?). How do I implement responsive design so that my map looks well on different display sizes, whether desktop/mobile, or simply…
Mawg says reinstate Monica
  • 38,334
  • 103
  • 306
  • 551
3
votes
2 answers

"Possibly unhandled rejection: ZERO_RESULTS" angular 1.6.6 ng-map Geocode ui-bootstrap

I have been struggling trying to solve Possibly unhandled rejection: ZERO_RESULTS-messages that I get when closing a ui bootstrap modal with a ng-map inside of it. There is two of the same entry. Here is an image of the errormessages: Error message…
Rarex
  • 55
  • 1
  • 5
3
votes
1 answer

AngularJS binding chokes on closing round bracket in JSON

I'm getting this error: Error: [$parse:lexerr] Lexer Error: Unterminated quote ... .... when angular tries to bind some JSON to my view. This is because part of my json has a closing round bracket like this: [{"title":"(MyString)"}] This is…
Chris Halcrow
  • 28,994
  • 18
  • 176
  • 206
3
votes
2 answers

NgMap (Google map) inside a modal - not showing the second time

Im using NgMap to produce a map inside a modal in my Angular application. The modal is generated with the $modal -injector in a controller and using a template view to build the html code. The first time the modal show up it works perfectly.…
Rikard Olsson
  • 841
  • 1
  • 7
  • 28
3
votes
1 answer

ngMap Zoom based on the all the markers

I have a scenario that i have to show all the markers on a Map. Im using angular-map im able to see all the markers but the zoom level is out of control. I was unable to restrict the zoom level it is showing three copies of map. I've created a…
Mohan Reddy Guntaka
  • 71
  • 1
  • 7
3
votes
1 answer

ReferenceError: google is not defined using ng-map GeoCoder service

I'm getting the following error trying to use the geocoder service for the ng-map library: angular.js:13642 ReferenceError: google is not defined at Object.t [as geocode] (http://localhost:6240/Scripts/ng-map.min.js:25:28246) I'm injecting the…
Darwin RC
  • 33
  • 1
  • 4
3
votes
1 answer

how to set google maps to 100% height in ngMap

Hey I am using ngMap in order to display google map components. Now for a very basic example, I am using bootstrap and try to put the google map on half of the screen,therefore I give it col-lg-6. But apparently I get always the same height which…
Brk
  • 1,247
  • 2
  • 23
  • 55
3
votes
1 answer

While Using ngMap module es6 class in angularjs, 'this' is not binded to the constructor when 'places-auto-complete' is used

I'm using AngularJS with ES6, while implementing ngMap module for the autocomplete feature of google map. /* html file */ Enter an address:
Kunal Sharma
  • 371
  • 2
  • 20
3
votes
1 answer

How to get ng-map marker position after dragend?

I'm using ng-map for Angularjs, I'm using the following code to get marker position after drag event
user2985035
  • 569
  • 3
  • 8
  • 18
3
votes
2 answers

ngMap center is not working properly in angularjs

I am using ngMap in angular for google map integration. below are my html code my controller code is…
Dipak Dendage
  • 628
  • 1
  • 6
  • 25
3
votes
2 answers

ng-map with multiple markers - only shows one marker with zoom

I am using ng-map and trying to show multiple markers on the google map. When the page loads I would like to see all the markers on the map scattered across countries. The map is showing only a zoomed in portion of one marker. May be this is because…
Mustang
  • 604
  • 2
  • 13
  • 32
3
votes
1 answer

Setting different map marker icons based on value of ng-repeat variable

I am trying to add map markers dynamically to the map using ng-repeat inside ng-map as follows,
Avi
  • 1,070
  • 1
  • 15
  • 28
3
votes
3 answers

AngularJS: NgMap - On load map center isn't being respected

In this AngularJS SPA using NgMap, I have map pins being set on data filtering. On initial load of the map, the map is centered on some place out in the ocean, not the coordinates I have set in the map object in the center parameter. I've also tried…
TWLATL
  • 2,859
  • 4
  • 25
  • 37
1
2
3
…
13 14