ng-map

Enabling liteMode in Javascript googlemaps api

喜夏-厌秋 提交于 2020-01-16 04:11:07
问题 We are using JavaFX' WebView to embed a webpage where we want to display map content using google map's javascript API and ng-map. NgMap.getMap().then(function (map) { map.setOptions({ maxZoom: 17, streetViewControl: true, // liteMode: true, // that would be cool :-) streetViewControlOptions: { position: google.maps.ControlPosition.TOP_RIGHT }, keyboardShortcuts: false, //... ommited for brevity }); }); As WebView is not supporting WebGL we need to find a way to enable lite mode (as it is

How to remove default A B markers on ngMap

流过昼夜 提交于 2020-01-01 05:13:24
问题 I am using ng-map in my angular application. in my map i am using directions but i don't need A and B points. please help me hide these markers. i got one solution but it's not helping in ng-map. thts,s how I apllied it. <ng-map zoom="14" center="1135 Karamea-Kohaihai Rd, Kahurangi National Park, Tasman" style="height:90%" > <directions draggable="true" panel="p2" travel-mode="DRIVING" origin="1135 Karamea-Kohaihai Rd, Kahurangi National Park, Tasman" destination="Pier St, Jackson Bay, West

Google Maps API gesture handling not working with AngularJS Material

ε祈祈猫儿з 提交于 2019-12-25 01:26:33
问题 (EDIT: When you use plain Google Maps API with AngularJS Material the problem is the same.) When I use at the same time in my AngularJS app: NgMap (https://github.com/allenhwkim/angularjs-google-maps) AngularJS Material (https://github.com/angular/material) Maps don't work properly on mobile (on desktop it is ok) - the problem is with touch gestures. Example: https://incampo.pl/map2.html - (test on mobile!) but when I don't use material: angular.module("incampoApp", ["ngMap"]) instead of:

show multiple info-windows with ng-map in angularjs

試著忘記壹切 提交于 2019-12-23 06:03:09
问题 I have this code for showing a info-window in google maps . The problem is that it always shows the same data in the info window. For the markers it is no problem to use the $scope.result array. <div id="allesMap"> <ng-map zoom="9" center="[51.2132822,4.4304089]" > <marker ng-repeat-start="x in result" position="{{x.point_lat}},{{x.point_lng}}" icon="images/wifi.png" on-click="showInfoWindow('myInfoWindow')"> <info-window id="myInfoWindow"> <div class="infoWindowTekst"> gemeente: {{x.gemeente

show multiple info-windows with ng-map in angularjs

与世无争的帅哥 提交于 2019-12-23 06:02:03
问题 I have this code for showing a info-window in google maps . The problem is that it always shows the same data in the info window. For the markers it is no problem to use the $scope.result array. <div id="allesMap"> <ng-map zoom="9" center="[51.2132822,4.4304089]" > <marker ng-repeat-start="x in result" position="{{x.point_lat}},{{x.point_lng}}" icon="images/wifi.png" on-click="showInfoWindow('myInfoWindow')"> <info-window id="myInfoWindow"> <div class="infoWindowTekst"> gemeente: {{x.gemeente

Limit the dynamic markers to one

陌路散爱 提交于 2019-12-21 06:18:26
问题 In the below plunker, i can add so many markers by selecting marker tool. But i need to limit it to only one. after adding one marker it should disable or the user should not be able to put another marker on map. i have used ngMap https://ngmap.github.io/ . can anyone please help me <ng-map zoom="13" center="37.774546, -122.433523" map-type-id="ROADMAP" street-view-control-options="{position: 'LEFT_CENTER'}"> <drawing-manager on-overlaycomplete="vm.onMapOverlayCompleted()" drawing-control

Can't center google map with ionic framework and ngMap

跟風遠走 提交于 2019-12-13 06:57:51
问题 I'm using Ionic Framework b14, and the latest ngmap, I have a view that shows the map but when I want to set the center it does not show the coordinates I'm getting from a service. (function() { var injectParams = ['$scope', '$stateParams', 'storeFactory']; var StoreController = function($scope, $stateParams, storeFactory) { var id = $stateParams.storeId; $scope.store; storeFactory.getStore(id) .success(function(store) { $scope.store = store; }).error(function(error) { $scope.status = ' ' +

Use ngMap with tabset - only the first tab will be initiated

柔情痞子 提交于 2019-12-12 14:39:02
问题 Only first tab is set. <tabset> <tab heading="One"><map center="London"></map></tab> <tab heading="Two"><map center="Liverpool"></map></tab> <tab heading="Three">Three</tab> </tabset> http://plnkr.co/edit/DZj5RkDUHk9C8oTvsjcf?p=preview some advice? ------ EDIT ------ if use angular 1.3.15 and ui-bootstrap tpls-0.13.3 it works only pushing button <button class="btn btn-primary" ng-click="reRednerMap()">reRender</button> http://plnkr.co/edit/3P4iLTrog1ismFDUQNQe?p=preview Some advice? 回答1: This

Draw polygon using ngmap

白昼怎懂夜的黑 提交于 2019-12-12 06:37:35
问题 I'm trying to draw polygon on my map using ngmap . The map is displayed correctly as this example is showing, but when I finish the draw, this is what I'm getting: ng-map.min.js:25 Uncaught TypeError: Cannot read property 'onMapOverlayCompleted' of undefined I used the same code of the example. My questions: 1- How can I solve this error? 2- If I want to let the user draw only polygon form, I have tried to set the value of drawingMode to "polygon" but I'm always having the other draw options

ng-map (ionic) running but center is at top-left into modal

拥有回忆 提交于 2019-12-12 02:28:14
问题 I´m running an angular map (ngmap) into a modal dialogue. It´s run fine, but center is showing at the top-left from modal window (not centered). I launch the modal with: <a class="button-circle icon ion-ios-navigate-outline padding" ng-click="modal.show()"></a> The modal is into the html (as script): <script id="templates/modal.html" type="text/ng-template"> <ion-modal-view style="width: 100%;"> <ion-header-bar class="bar bar-header bar-positive"> <h1 class="title">¿Dónde está?</h1> </ion