- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试使用“angular-map”npm 包在 Angular 6 中实现 bingmap refer还有referred问题陈述:未在 node_modules 中创建“bingmaps”文件夹
应用程序模块.ts
/// <reference path="node_modules/bingmaps/types/MicrosoftMaps/Microsoft.Maps.All.d.ts" />
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { MapModule, MapAPILoader, BingMapAPILoaderConfig, BingMapAPILoader, WindowRef, DocumentRef, MapServiceFactory, BingMapServiceFactory } from "angular-maps";
import { AppComponent } from './app.component';
错误:
ERROR in ./node_modules/angular-maps/fesm5/angular-maps.js Module not found: Error: Can't resolve 'bingmaps' in 'D:\bingmap\bingmap\node_modules\angular-maps\fesm5' i 「wdm」: Failed to compile. ERROR in src/app/app.module.ts(1,23): error TS6053: File 'D:/bingmap/bingmap/src/app/node_modules/bingmaps/types/MicrosoftMaps/Microsoft.Maps.All.d.ts' not found.
还安装了npm install --save @types/bingmaps
最佳答案
我刚刚在本地和 stackblitz 上进行了测试,发现必须安装一些库依赖项才能使 Angular 映射正常工作。我收到了与您相同的错误,但是一旦我安装了库,错误就消失了。
您的 package.json 应该包含这些库:
"@types/bingmaps": "0.0.1",
"angular-maps": "^6.0.1",
"async": "^2.5.0",
"bingmaps": "^2.0.3",
"core-js": "^2.5.4",
"font-awesome": "^4.6.3",
"json-loader": "^0.5.7",
所以你需要安装它们
npm install --save angular-maps
npm install --save bingmaps
npm install --save @types/bingmaps
npm install --save async@2.5.0
npm install --save json-loader
我在 index.html 中包含了 font-awesome 作为外部链接:
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" />
在 app.module.ts 和 app.component.ts 上包括这个:
import {
MapModule,
MapAPILoader,
MarkerTypeId,
IMapOptions,
IBox,
IMarkerIconInfo,
WindowRef,
DocumentRef,
MapServiceFactory,
BingMapAPILoaderConfig,
BingMapAPILoader,
GoogleMapAPILoader,
GoogleMapAPILoaderConfig
} from 'angular-maps';
如果您还查看 stackblitz你可以在依赖项上看到使用了哪些额外的库
关于angular - 使用 angular-map 包在 Angular 6 中集成 Bingmap,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51987104/
我正在尝试在 JavaScript 文件运行时加载 Bing Maps API。这是我到目前为止所得到的,基于 this . var bingmap_link = 'https://www.bing.
我正在尝试将群集图钉的颜色从默认的紫色更改为其他颜色。我在文档中看不到任何明显的内容。我尝试了以下方法: var layer = new Microsoft.Maps.ClusterLayer(clu
我搜索了 google 和 stackoverflow,但找不到针对此问题的解决方案。我在我的 view 中像这样加载 map。 下面是它在 index.html 中的加载方式 下面是我的 Co
我有一个包含椭圆的自定义图钉,我想在后面的 C# 代码中以编程方式更改其大小。我可以更改图钉大小,但这会影响它在 map 上的位置。 有没有办法直接通过渲染变换或直接更改椭圆的高度和宽度来处理椭圆?
我正在为我的应用程序使用 aurelia skeleton typescript webpack 模板。我想将 BingMap 添加到页面并能够添加图钉等。到目前为止,我已经这样做了: index.h
我有以下代码,它可以工作,但是缩放非常突然。 map.setView({zoom: 14}); 我试图提供平滑的缩放,类似于 map 控件已经通过单击 +/- 按钮提供的缩放。 2016 年,@rbr
我使用以下代码创建了图钉 var pin = new Microsoft.Maps.Pushpin(data._LatLong, { icon: 'images/pushpin.png
我正在尝试在 bingmaps 中制作所有荷兰 (4044) 邮政编码的多边形。每个邮政编码有 10 到 1000 个坐标。我尝试了以下代码,它适用于大约 200 个邮政编码: var polygon
大家好,我只是想知道我们是否可以获得任何版本的 bingmap 控件的通用 javascript。例如,下面是 bingmaps 版本 7 的示例。 script type="text/javascr
我正在尝试使用 WP7 和 Bingmaps。 我有这个代码 和 public MapInfo() { InitializeComponent();
我正在研究 bingmap wpf。我在鼠标单击事件上创建了图钉。现在我需要使其可拖动并根据图钉位置跟踪坐标。任何人都知道如何使图钉可拖动以及我们需要在哪个函数中编写代码以在图钉发布时进行更新。 非常
function GetMap() { var map = new Microsoft.Maps.Map(document.getElementById("mapDiv"), {
我在 map 上有很多图钉和一些方法,可以让我点击一个图钉,信息框就会弹出。除了信息框本身位于引脚下方之外,这似乎工作正常。我已经尝试以多种不同的方式设置引脚和信息框的 zIndex,但信息框仍然位于
我成功地用图钉在 map 上定位了所有坐标,现在我想在单击图钉以显示信息框时创建事件? 我可以获取一个示例,说明如何在单击图钉时隐藏信息框并仅显示信息框吗? 我的代码: import React fr
我正在尝试使用“angular-map”npm 包在 Angular 6 中实现 bingmap refer还有referred问题陈述:未在 node_modules 中创建“bingmaps”文件
我是一名优秀的程序员,十分优秀!