35 questions
1
vote
1
answer
213
views
NgMap: Why are my markers (ng-repeat directive) passing through multiple parameters?
I'm using the NgMap library to use the google maps api in my angular app.
I'm adding markers using an ng-repeat directive, each with an on-click tag that calls to the controller and logs to the ...
0
votes
2
answers
187
views
angularjs-google-maps Info window position
I work with angularjs-google-maps and I used this example for my application. In the controller at vm.shops if I change the:
vm.shops = [
{id:'1', name: 'FOO SHOP', position:[41,-87]},
{id:'2'...
1
vote
1
answer
430
views
AngularJs-Google-Maps Markers not displaying
I'm confused because the AngularJs and HTML code is near exact to a project where this works, but this is also my first time using LAMP instead of MEAN/MERN so maybe it's something to do with that?
...
0
votes
1
answer
1k
views
Combining Marker Clusterer and google maps API within Angularjs framework
In summary:
I want to know if it is possible to combine the marker clusterer package with the angularjs-google-mapspackage and if there are any solutions to the problem.
Detail:
I'm replacing the ...
0
votes
1
answer
2k
views
How to get on-click coordinates on angular google maps?
I'm kind of a newb when it comes to AngularJS and Google's API for maps and I've been trying to get coordinates on click. I'm using this API.
I am getting an error: Uncaught TypeError: Cannot read ...
0
votes
0
answers
239
views
Using Controller as instead of $scope for ng-map marker directive
I'm using angularjs google maps. I'm trying to figure out how to leverage the viewModel instance (this) from a controller instead of using $scope.
Lets say I have a simple controller:
app....
0
votes
1
answer
375
views
AngularJS Google Map Directive - Error while displaying InfoWindow on Marker Click event
I am developing a AgngularJs Google Map application (using AngularJS Google Map Directive) to show the current location using Marker and display the coordinates in an InfoWindow when the Marker icon ...
2
votes
2
answers
206
views
Google Maps rendering - strange circles cover the map
I'm using the angularjs-google-maps directive, my code looks like this:
(function () {
define(['angular', 'app'], function (angular, app) {
app.directive('customMap', function () {
var ...
1
vote
0
answers
298
views
In Angular-Google-map templateUrl for maker-window is not working?
I want to create separate template for maker click event. But when I click on the marker it give empty template. Template test.html is not loading. Why it is happening.
Plz see the running demo
...
0
votes
1
answer
205
views
Separate template for marker in AngularJS google map?
I want to maintain a separate template for marker click events in Angular Google Maps. On this template I want to show the marker info when the user clicks on a marker. The markup is in test.html
...
2
votes
3
answers
11k
views
Click to get Latitude and Longitude in google map using angular ng-map?
First of all I'm using Angular Google Map (ng-map). I want to get clicked location of google map's latitude and longitide.
My Code
<ng-map center="[{{latitude}}, {{longitude}}]">
<marker ...
0
votes
1
answer
892
views
Custom infowindow on marker click using angularjs google maps
I am using angularjs google maps and i would like to custom style the infoWindow which is displayed on a marker click.
The ui-gmap-window tag does have custom options and it works fine standalone.
...
0
votes
2
answers
381
views
NgMaps Center not working (Dynamic Point)
I'm using NgMaps in my Angular app
I'm trying to give the center point dynamically, but it's taking some other points which is not given by me:
HTML:
<ng-map zoom="5" center="{{center}}" style="...
1
vote
0
answers
518
views
How to adjust the center of google map according to its size?
I want to show the center of India. The size of the map changes according to requirements. My problem is when the size of the map is reduced, it is not showing the center of India, please see the ...
1
vote
1
answer
2k
views
angularjs-google-maps - info-window does not work with ng-repeat
I use google maps with ng-map and use markers and info-windows attached to these markers added to the map with ng-repeat. My angular view is the following:
<div id="mapWrap" map-lazy-load="https://...
2
votes
1
answer
452
views
angularjs-google-maps / ng-map stack limit exceeded when loading
I am trying to get angularjs-google-maps show a map in an angularjs project with the following code. (Only relevant code sections shown.)
In index.html:
<script src="http://rawgit.com/allenhwkim/...
2
votes
2
answers
7k
views
Angularjs - ng-map - Google Maps Javascript API v3 - how to Set best Zoom for Multiple markers
I'm using ngMap
in an angularjs app.
I'm displaying google-map with multiple markers onclick of Open map! button and first address present in the addresses array im taking as map center.
Here is The ...
1
vote
1
answer
2k
views
ng-map: Initializing Map in Partial View
I'm trying to use the ng-map library in a partial view. It works fine on the initial setup of the page (i.e., when the partial view is first created).
But if I navigate away to a different partial ...
5
votes
1
answer
3k
views
ng-map: Cannot read property 'apply' of undefined when setting zoom level
I'm using ngMap in an angularjs app. I'm running into an error when I try to set the zoom on a map element. Here's the error message from the Chrome console:
TypeError: Cannot read property 'apply' ...
4
votes
2
answers
4k
views
Angular.js prepends base path to absolute path URL
I'm absolutely new to angular.js, so I'm sorry for a such stupid question. But maybe it would help a little bit to other beginers.
I'm learning from a sample project created by someone else, but I'm ...
0
votes
1
answer
537
views
Location Service in Angular Js ng-map
Hi I have been using this Plugin and it's really cool than any other Plugin. But now am facing one scenario in which I need to use Google direction service in my app. . So kindly done one please help ...
2
votes
1
answer
2k
views
Google maps in angular doesn't update the map correctly
I am using ng-map google maps angular library and faced a problem when maps doesn't update, when I reload the page in my browser. Also I noticed that browser ask to share my current location and it ...
4
votes
1
answer
1k
views
AngularJS google maps infoWindow is not compiled
I tried to implement google maps infoWindow using AngularJS.
I have a template <div>{{foo}}<br/>, with $scope.foo="bar"
I want to see the info window with the value "bar" instead of ...
0
votes
2
answers
388
views
Performance of marker on-click event is bad
I have a problem with the performance of a click event on a marker.
This is my map view:
<div class="map-wrapper">
<map center="{{mapCenter}}" street-view-control="false" zoom-control="...
0
votes
1
answer
1k
views
How do I change the style of a shape through the scope?
I am using a custom GoogleMap AngularJS Directive, the less popular version of GitHub. I am using it because I was not happy with the way the other one handled events.
I have a GeoJSON file full of ...
0
votes
2
answers
143
views
How i pass latlon based on id in angular js google map
I am new in angular js. I am trying to pass my json lat lon based on id in to google api. My json file structure.
{
"totalCount":206,
"deals":[{
"id":"2",
"Name":"samir",
"...
1
vote
1
answer
195
views
AngularJS Get Only Directive Attribute Names That Interpolates
I created ngMap,
and this directive does not watch any attribute values because attribute names are dynamic(too many cases).
However, I wanted to apply $observe to attribute only if directive users ...
0
votes
2
answers
1k
views
how to retrieve google markers from google map object in angular google maps
angular-google-maps abstracts the process of creating google markers (ie we don't do it directly via new google.maps.Marker({...});).. that said, there isn't a way for us to simply retrieve the ...
3
votes
2
answers
10k
views
(angularjs-google-maps) ng-click inside marker
This question is about angularjs-google-maps, https://github.com/allenhwkim/angularjs-google-maps
Is there a way to use ng-click on a marker to set a variable like this? (the value of 1 is hard-coded ...
0
votes
1
answer
507
views
Directive's scope not initialized prior to loading the directive template leading to not loading of Google Map
I am working with the Google-maps-angular directive in my app and I am trying to wrap that directive within my own directive. It works fine if I define the map object in the controller. But when I ...
8
votes
2
answers
22k
views
Using ng-repeat with markers in ngMap
I want to use ngMap to add Google Maps to my app.
The demos are "static" in the sense that they have only hard coded HTML. I want my code to be "dynamic" in the sense that it will periodically ask a ...
2
votes
1
answer
2k
views
AngularJS custom directive ng-repeat, Cannot call method 'insertBefore' of null
In my custom AngularJS google maps directive, I have map directive and marker directive, marker directive requires map directive.
The following is the simplified version of my problem, which I cannot ...
30
votes
5
answers
68k
views
Google maps for AngularJS
I am very new to AngularJS and I am trying to use https://github.com/angular-ui/angular-google-maps.
I am just trying to get the map to render on my page but I am getting an error message and I don't ...
1
vote
1
answer
2k
views
Google Maps not working in AngularJS directive
I am the creator of ng-map.
I´m trying to develop a directive in AngularJS to show a Google Maps. I can show the map, but I want to go one step further. My directive will accept coords or an address. ...
1
vote
4
answers
15k
views
AngularJS google maps directive
I'm trying to develop an app using angularjs and a directive that I've found for instantiate GMaps: http://nlaplante.github.io/angular-google-maps/#!/usage. I follow all the steps but I cant get to ...