2016-02-20 2 views
0

Я использую ngmaps в моем угловом приложенииNgMaps Центр не работает

Я пытаюсь дать точку центра динамически .. но его принимая некоторые другие моменты, которые не даются мне ...

HTML:

<ng-map zoom="5" center="{{center}}" style="height:600px"> 
</ng-map> 

В контроллере:

$scope.center =[18.9750, 72.8258]; 

Здесь ВЛЯЕТСЯ Plnkr код ...:

http://plnkr.co/edit/hbNZdSKuUZqVSsJN7he3?p=preview

+0

Вы решили? – Saksham

+0

Нет ... еще нет. :( –

ответ

0

Я не знаю, ваше дело, но это, кажется, работает хорошо со мной на следующем примере.

http://plnkr.co/edit/cec5b88WpZcoiSd1Mq28?p=preview

Javascript

vm.center = "37.7699298, -122.4469157"; 
    vm.setCenter = function() { 
    vm.center = "38.7699298, -123.4469157"; 
    } 
}); 

HTML

center: {{vm.center}}<br/> 
    <button ng-click="vm.setCenter()">Set Center to "38.7699298, -123.4469157"</button> 
</div> 
+0

нашел, в чем проблема. Я использовал $ interpolateProvider для разрешения конфликта между django и angular. Поэтому я использовал {{{center}]} вместо {{center}}. Я думаю, что ngmap испытывает трудности с распознаванием этого изменения. Если это ошибка, вы скоро это очистите ... В любом случае Спасибо за проверку ... :-). Счастливый, я нашел, что проблема –

0

У меня была такая же проблема, потому что ngMapне признает в $interpolateProvider (according to @allenhwkim). Решение:

HTML:

<ng-map id="map" zoom="5" style="height:600px"></ng-map> 

Javascript:

var that = this;  
NgMap.getMap('map').then(function(map) { 
    that.map = map; 
    that.map.setCenter(new google.maps.LatLng(18.9750, 72.8258)); 
}); 

Я надеюсь, это поможет кому-то. Спасибо @allenhwkim за ngMap!

Смежные вопросы