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
1
vote
0 answers

Animation feature to directions

I need to display google map with directions.Also I want to change directions with an animation.I referd the following example. Plunker Demo
Muhsin Keloth
  • 7,855
  • 7
  • 39
  • 59
1
vote
1 answer

Angular Maps - get id promise?

In a controller, i want to get the map (Google) on the page, set the map id to a variable, and then use that map id, other places in the same controller. I have a snippet like this; var map; NgMap.getMap({ id: 'mainMap' }).then(function (evtMap) { …
brother
  • 7,651
  • 9
  • 34
  • 58
1
vote
1 answer

AngularJS with ng-map to implement dynamic heatmap visualization

Hi everyone I am an absolute newbie to frontend development and it is my first time to use something like AngularJS, tbh I think it is really difficult and I don't really have a lot of clear idea about how it works. I am working on a project that…
mightyheptagon
  • 170
  • 2
  • 7
1
vote
1 answer

Show info window on map loaded with ngmap

I'm using ng-map and typescript. This is my template :
Pak
  • 2,639
  • 2
  • 21
  • 27
1
vote
1 answer

Limit the dynamic rectangle to one

In the below plunker, I can add so many polygons by selecting polygon tool. But I need to limit it to only one. After adding one polygon it should disable or the user should not be able to put another polygon on map. I have used ngMap…
codelearner
  • 458
  • 5
  • 26
1
vote
1 answer

google map info window shows in top left corner

When i click on a marker, the info window shows in top left corner but it should display at top of the marker. this is image of the situation : https://i.stack.imgur.com/GHHDE.png this element style should be set left and top css property dynamic…
Mort
  • 1,411
  • 5
  • 19
  • 51
1
vote
1 answer

Google maps with ngmap mobile issue

I'm using google maps with ngmap in an angular application and I'm having an issue with a custom marker. My custom marker has an input field inside to set a custom name for my location. The problem is that on mobile (Android & iOS) I cannot access…
Peter_Fretter
  • 1,135
  • 12
  • 20
1
vote
1 answer

current Bounds form google map with ng-map

I use this:ngmap.github.io and ionic framework. I try get current position daynamicly like this js code: google.maps.event.addListener(map, 'idle', function(){ var bounds = map.getBounds(); //returns an object with the NorthEast and SouthWest…
partiz
  • 1,206
  • 2
  • 13
  • 34
1
vote
1 answer

Add icon to google map

I have this plunker which shows a google map with centre at [40.74, -74.18]. http://plnkr.co/edit/BfYggKO8nDolhmpq92dq?p=preview Simle Map
guagay_wk
  • 26,337
  • 54
  • 186
  • 295
1
vote
1 answer

AngularJS / NgMap - Zoom to selected pins and center

I have an SPA that is displaying pins on a map that are filtered down by Region, State/Province and ultimately City. I have Lat/Lng in my locations, and I'm passing that to the map markup and filtering it on each select list selection. I'm running…
TWLATL
  • 2,859
  • 4
  • 25
  • 37
1
vote
1 answer

Ngmap select ng-repeat marker from javascript

I am using https://github.com/allenhwkim/angularjs-google-maps directive in my project Following is a code sample in which markers are drawn on the map
jithin
  • 1,412
  • 2
  • 17
  • 27
1
vote
1 answer

google map Marker update on clicking on Div

I am new to google maps. right now I'm using ng-map with angularjs. I am finding it difficult to put animations on the makers (like bounce) when I click on a div. Can anybody tell me how can I do that?
Gardezi
  • 2,692
  • 2
  • 32
  • 62
1
vote
1 answer

no view full map using ngmap and angularjs

I'm using ngmap and I presented the problem you see in the picture My code: var app = angular.module('dv', ['ngMap']) app.controller('MC', function($scope){ $scope.$on('mapInitialized', function(event, map) { …
maikelm
  • 403
  • 6
  • 30
1
vote
1 answer

Custom Directive using ng-map directives, dom changes but not reflected on map

I am trying to create a custom directive using one of ngMap directives. Shape, to be specific. angular .module('seeMeApp', ['ngMap']) .directive('userPath', function () { return { restrict: 'E', scope: { user:…
Deepak Bansal
  • 129
  • 2
  • 12
1
vote
1 answer

Angular: Changing path inside event handler not working

I'm new to angular, and am having a problem changing the location inside of an event handler. The handler is for a marker positioned on a google map. I am using ng-map (which is pretty awesome). Here's the code that creates the markers (this runs…
Mark Olbert
  • 6,584
  • 9
  • 35
  • 69