У меня проблемы с тем, что мой модуль не загружает мою карту, из-за ошибки: $ injector: modulerr
Ошибка модуля Я почти уверен, что правильно создал свой модуль с помощью ...
var app = angular.module("MapApp", ["openlayers-directive"]);
app.controller('MapController', ['$scope', function MapController($scope){
angular.extend($scope, {
center:{
lat: 40.060620,
lon: -77.523182,
zoom: 17
}
});
}]);
А затем используйте это в моем html ...
<!DOCTYPE html>
<html lang="en" ng-app="MapApp">
<head>
<meta charset="UTF-8">
<title>ShipList</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.4.2/css/bulma.css">
<link rel="stylesheet" href="../css/main.css">
<script src="../js/ol.js"></script>
<script src="../lib/angular.min.js"></script>
<link rel="stylesheet" href="../css/ol.css"/>
<script src="../js/Map.js"></script>
...
<!--Later in my body tag, I'm declaring my Controller-->
<div class="overlay" ng-controller="MapController">
<openlayers id="mapid"></openlayers>
Но я все еще получаю ошибку экземпляра модуля. Я думаю, что я неправильно загружаю директиву OpenLayers? Я также попытался загрузить те же зависимости из CDN для OpenLayers, и вот, смотрите здесь, в этом JSFiddle . Если это имеет значение, я также определил свойства высоты, ширины и масштаба моей карты в своей таблице стилей.
.angular-openlayers-map {
height: 800px;
width: 100%;
float: left;
z-index: 1;
position: relative;
}