个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在尝试在我正在编写的应用程序中初始化谷歌地图，我正在使用地方 API 来实现一些运行良好的功能，现在我试图在页面上显示 map ，但 map 从未显示。当我使用以下代码时，我在控制台上没有收到任何错误。
index.html
<script src="https://maps.googleapis.com/maps/api/js?key=mykey&libraries=places"></script>
mapview.html
<div ng-controller="MapViewController as mapctrl" ng-init="initialize()">
<div class="container">
<div class="row">
<div id="map"></div>
</div>
<div ui-view></div>
</div>
</div>
mapViewController.js
(function(angular) {
angular.module('myapp').controller('MapViewController', ['$state','$http','$stateParams','$window','$route','$document','$localStorage','$scope','$location', function($state,$http,$stateParams,$window,$route,$document,$localStorage,$scope,$location) {
$scope.initialize = function(){
console.log("log");
var mapOptions = {
zoom: 11,
center: {lat: -34.397, lng: 150.644},
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById('map'), mapOptions);
};
}]);
})(angular)
Controller 初始化时我收到日志消息，但 map 未显示在页面上。我想知道如何在不使用任何指令的情况下使其成为可能。
最佳答案
确保在您的 html 上定义 ng-app:
<html ng-app="mapApp">
. . .
<body ng-controller="MapController" ng-init="initMap()">
<div id="map"></div>
</body>
</html>
然后在 JS 上正确初始化 map :
angular.module('mapApp', []);
angular
.module('mapApp')
.controller('MapController', MapController);
function MapController($scope){
$scope.initMap = function() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 3,
center: new google.maps.LatLng(32.483, 16.084)
});
}
}
并将高度和宽度指定为您的ID:
#map{
height: 400px;
width: 700px;
border: 2px solid red;
}
在这里你可以找到A Plunker I made它在没有指令的情况下初始化 map 。
希望我对您有所帮助。
关于javascript - 如何在不使用任何指令的情况下以 Angular 初始化谷歌地图API？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39469001/
25
4
0
我是 Spring 新手，这就是我想要做的事情: 我正在使用一个基于 Maven 的库，它有自己的 Spring 上下文和 Autowiring 字段。 它的bean配置文件是src/test/res
我在我的测试脚本中有以下列表初始化: newSequenceCore=["ls", "ns", "*", "cm", "*", "ov", "ov", "ov", "ov", "kd"] (代表要在控
这个问题在这里已经有了答案: 关闭 11 年前。 Possible Duplicate: Class construction with initial values 当我查看 http://en.
我得到了成员变量“objectCount”的限定错误。编译器还返回“ISO C++ 禁止非常量静态成员的类内初始化”。这是主类: #include #include "Tree.h" using n
我有如下所示的a.h class A { public: void doSomething()=0; }; 然后我有如下所示的b.h #include "a.h" class b: publi
我需要解析 Firebase DataSnapshot (一个 JSON 对象)转换成一个数据类，其属性包括 enum 和 list。所以我更喜欢通过传递 DataSnapshot 来手动解析它进入二
我使用 JQuery 一段时间了，我总是使用以下代码来初始化我的 javascript: $(document).ready( function() { // Initalisation logic
这里是 Objective-C 菜鸟。 为什么会这样: NSString *myString = [NSString alloc]; [myString initWithFormat:@"%f", s
我无法让核心数据支持的 NSArrayController 在我的代码中正常工作。下面是我的代码: pageArrayController = [[NSArrayController alloc] i
我对这一切都很陌生，并且无法将其安装到我的后端代码中。它去哪里？在我的页脚下面有我所有的 JS？ 比如，这是什么意思: Popup initialization code should be exec
这可能是一个简单的问题，但是嘿，我是初学者。 所以我创建了一个程序来计算一些东西，它目前正在控制台中运行。我决定向其中添加一个用户界面，因此我使用 NetBeans IDE 中的内置功能创建了一个 J
我有 2 个 Controller ，TEST1Controller 和 TEST2Controller 在TEST2Controller中，我有一个initialize()函数设置属性值。 如果我尝
据我所知， dependentObservable 在声明时会进行计算。但如果某些值尚不存在怎么办？ 例如: var viewModel ={}; var dependentObservable1 =
我正在阅读 POODR 这本书，它使用旧语法进行默认值初始化。我想用新语法实现相同的功能。 class Gear attr_reader :chainring, :cog, :wheel de
我按照 polymer 教程的说明进行操作: https://www.polymer-project.org/3.0/start/install-3-0 (我跳过了可选部分) 但是，在我执行命令“po
很抱歉问到一个非常新手的Kotlin问题，但是我正在努力理解与构造函数和初始化有关的一些东西。 我有这个类和构造函数: class TestCaseBuilder constructor(
假设我们有一个包含 30 列和 30 行的网格。 生命游戏规则简而言之: 一个小区有八个相邻小区 当一个细胞拥有三个存活的相邻细胞时，该细胞就会存活 如果一个细胞恰好有两个或三个活的相邻细胞，那么它就
我是 MQTT 和 Android 开放附件“AOA” 的新手。在阅读教程时，我意识到，在尝试写入 ByteArrayOutputStream 类型的变量之前，应该写入 0 或 0x00首先到该变量。
我有 2 个 Controller ，TEST1Controller 和 TEST2Controller 在TEST2Controller中，我有一个initialize()函数设置属性值。 如果我尝
我有一个inotify /内核问题。我正在使用“inotify” Python项目进行观察，但是，我的问题仍然是固有的关于inotify内核实现的核心。 Python inotify项目处理递归ino
我是一名优秀的程序员,十分优秀！