angular-google-maps

问题 I have a question about the element of the Angular Google Maps plugin. The example source code in documentation for the Windows element uses the ng-non-bindable attribute for the <div> inside of the <ui-gmap-windows> element. Apparently, this is necessary in order for Angular bindings to render correctly on the page. This is not explicitly stated in the documentation, so I am wondering exactly why this attribute is necessary, especially since the official Angular documentation on ng-non

问题 I'm using angular google maps with ionic framework and trying to get coordinates on click. In view directive is injected like so <ui-gmap-google-map center="map.center" zoom="map.zoom" dragging="true" options="map.options" events="map.events"></ui-gmap-google-map> And here is my controller part angular.extend($scope, $scope.map = { center: {latitude: 53.902407, longitude: 27.561621 }, zoom: 15, options: { maxZoom: 16, minZoom: 13, styles: mapStyles.bright }, events: { click: function

问题 I am using angular google maps to display maps and markers. Is it possible to show the icon in the bottom right corner of the map that on click of it shows the current location. <agm-map [latitude]="lat" [longitude]="lng" [zoom]="zoom"> <agm-marker *ngFor="let m of mapArrayList; let i = index" [latitude]="m.geometry.location.lat()" [longitude]="m.geometry.location.lng()" > </agm-marker> </agm-map> 回答1: First of all, Google Maps API v3 does not provide any default control for "show my location

问题 I am trying to change icon for every markers on a map using ui-google-maps library for angular. $scope.map.options.icon working but initialize icon for all markers. For the API I have icon tags but not working or somewhere I miss something. <ui-gmap-markers idKey="map.dynamicMarkers.id" models="map.dynamicMarkers" coords="'self'" onMarkerClicked="'onMarkerClicked'" fit="'true'" doCluster="'true'" clusterEvents="clusterEvents" options="map.options" icon="'icon'"> </ui-gmap-markers> and after

问题 I'm using angular-google-maps to handle google maps at an angular application. For this, I have to add the angular-google-maps.js to the project. The page works without any error, if I add the script in the following way: <script type="text/javascript" src="http://www.directiv.es/application/html/js/nlaplante/angular-google-maps/angular-google-maps.js"></script> But it will not work, if I use the local copy, like this: <script type="text/javascript" src="js/libs/directiv.es/angular-google

问题 I am using Angular Material and Angular Google Maps. I have a Angular Material form in the Snazzy-Info-Window which works fine in normal mode. It displays the mat-select nicely but when I click the fullscreen button the mat-options in the mat-select don't show up. As soon as I come out of the full screen mode, I see the options panel. Is this a bug or am I missing something. The dropdown options show up if I use the native select but not mat-select. NORMAL MODE FULLSCREEN MODE When in

问题 For angular google maps I want it possible for only a polyline to be drawn from the drawingModes and not a RECTANGLE for example. I've got the actual polyline working and recording when the drawing is complete. I just want to hide the other options. I'm using angular version 1 with javascript, using an angular directive and template. In short I need to disable the other drawing options. This is my html: <ui-gmap-google-map center="config.map.center" zoom="config.map.zoom" options="config.map

问题 I'm having some issues to put angular-google-maps working on my website. After include the needed libraries (googleapis/ lodash.js/ angular-google-maps.min.js), I'm unable to configure the app. I added 'google-maps' to the app module, like this: var app = angular.module('app', ['iso.directives', 'ngSanitize', 'ui.select', 'facebook', 'google-maps'.ns()]); And I received, "undefined is not a function" error. I'm following the tutorial in https://angular-ui.github.io/angular-google-maps/#!/use

问题 I'm using the GoogleMap API ('angular-google-maps' js package) and I have a very weird behavior. The first time I load it, i get the full map loaded, like here: Then i close the dialog and reopen it, i see this: Keep in mind, that the map is displayed as a dialog on top of another dialog. Any ideas? 回答1: If you are using Angular Google Map module you must add the refresh attribute to the googlemap element. As it written in the Module documentation: refresh = "expression" - Expression which,

问题 I'm using the GoogleMap API ('angular-google-maps' js package) and I have a very weird behavior. The first time I load it, i get the full map loaded, like here: Then i close the dialog and reopen it, i see this: Keep in mind, that the map is displayed as a dialog on top of another dialog. Any ideas? 回答1: If you are using Angular Google Map module you must add the refresh attribute to the googlemap element. As it written in the Module documentation: refresh = "expression" - Expression which,