谷歌地圖不顯示使用Angualrjs

-1

我想使用AngularJS來製作一個簡單的Google地圖應用程序。我沒有使用像「ngMaps」或「Angular-ui」這樣的Google API。我有非常基本結構的一切，我可以告訴看我的谷歌地圖對象在控制檯中，問題是，沒有任何顯示的頁面谷歌地圖不顯示使用Angualrjs

home.html的上：

<div id="map"></div>

應用.js文件：

var app = angular.module('locator',['ngRoute', 'ngMaps']); 

app.config(['$routeProvider', '$locationProvider', '$httpProvider', 
function ($routeProvider, $locationProvider, $httpProvider){ 
    'use strict'; 

    $routeProvider 
     .when('/', { 
      templateUrl: './partials/home.html', 
      controller: 'masterCtrl' 
     }) 
     .otherwise({ 
      redirectTo: '/' 
     }); 
}]);

masterCtrl：

app 
.controller('masterCtrl', ['$scope', '$window', masterCtrl]); 

function masterCtrl($scope, $window) { 
function initialize() { 
    var lat = 46.87916; 
    var lng = -3.32910; 
    var map_id = '#map'; 

    var myOptions = { 
    zoom : 8, 
    center : new google.maps.LatLng(lat, lng), 
    mapTypeId : google.maps.MapTypeId.ROADMAP 
    }; 
    $scope.map = new google.maps.Map($(map_id)[0], myOptions); 
} 
    initialize(); 

}

來源

2016-08-02 gijonc

您是否包含google map api？ –

是的，我確實包含在我的index.html中 – gijonc

問題解決了，我需要做的就是添加一個「ng-init」來回調我的initialize（）函數，它會初始化頁面上的地圖。

<div id="map-canvas" ng-init="initialize()"></div>

來源

2016-08-03 17:45:07 gijonc

谷歌地圖不顯示使用Angualrjs

回答

相關問題