怎么做 - 我尝试过组合
typings install [googlemaps | google.maps] [--ambient] --save
并最终得到此错误的变化
打字ERR!消息无法在注册表中找到"npm"的"googlemaps".
根据Amy的建议,我也下载到相关目录并添加
/// <reference path="main/ambient/google.maps/google.maps.d.ts" />
到我的main.d.ts(一个明显被阅读的文件,因为我没有得到其他错误).
我在网上找不到任何回答这个问题的内容
我的最终目标是摆脱这种错误
错误TS2503:找不到命名空间'google'.
我想将Bing Map V8控件添加到我的Anguar 2.0项目中.我想知道将Bing Map V8添加到Angular 2.0项目中需要做些什么.我附上了我的实施.我创建的组件无法加载.我如何引用Microsoft.Maps.Map？
这是bing map v8的一个例子.如果将以下示例保存为HTML,则一切正常.bing地图键已被剪裁.
<!DOCTYPE html>
<html>
<head>
<title>addOneLayerItemHTML</title>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
</head>
<body>
<div id='printoutPanel'></div>
<div id='myMap' style='width: 100vw; height: 100vh;'></div>
<script type='text/javascript'>
function loadMapScenario() {
var map = new Microsoft.Maps.Map(document.getElementById('myMap'), {
credentials: 'My Bing Map Key - I removed here'
});
var pushpin = new Microsoft.Maps.Pushpin(map.getCenter(), null);
var layer = new Microsoft.Maps.Layer();
layer.add(pushpin);
map.layers.insert(layer);
}
</script>
<script type='text/javascript' src='http://www.bing.com/api/maps/mapcontrol?branch=experimental&callback=loadMapScenario' async defer></script>
</body>
</html>她是我创建的文件map.component.html.
<div class='panel panel-primary'>
<div class='panel-heading'>
{{pageTitle}}
</div> …我正在尝试将googlemaps实施到我的angular-cli项目中.我知道有一个'angular2-google-maps'组件(github),但我需要路由和更多自定义功能.
我找到了两种将地图实现到项目中的方法:
1:stackoverflow:使用谷歌api加载器 - 但我无法弄清楚如何初始化谷歌地图...
2:使用DefinitelyTyped google.maps.d.ts.我用--global安装它(因为环境已被弃用..)到我的项目中并将index.d.ts(用于全局)添加到src/typings.d.ts并且可以使用"google.map .." .ts文件:
myLatLng = {lat: -25.363, lng: 131.044};
map:any;
constructor() {
this.map = new google.maps.Map(document.getElementById('map'), {
center: this.myLatLng,
zoom: 4
});
}
但如果我用angular-cli构建它就会出错:"ReferenceError:google is not defined"
有任何想法吗？