[英]asp.net core 2.0 spa angular + google map
我如何在asp.net核心spa角度應用程序中實現谷歌地圖,我已經包含腳本到我的index.cshtml但從角度訪問它時出錯。
import { Component } from '@angular/core';
declare var google: any;
@Component({
selector: 'home',
templateUrl: './home.component.html'
})
export class HomeComponent {
constructor() {
var mapProp = {
center: new google.maps.LatLng(51.508742, -0.120850),
zoom: 5,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("googleMap"), mapProp);
}
}
的index.html
@{
ViewData["Title"] = "Home Page";
}
<app asp-prerender-module="ClientApp/dist/main-server">Loading...</app>
<script src="https://maps.googleapis.com/maps/api/js?key=[YOUR-KEY]" async defer></script>
<script src="~/dist/vendor.js" asp-append-version="true"></script>
@section scripts {
<script src="~/dist/main-client.js" asp-append-version="true"></script>
}
處理請求時發生未處理的異常。
NodeInvocationException:Uncaught(在promise中):ReferenceError:google未定義ReferenceError:google未在新的HomeComponent中定義(F:\\ yo \\ ClientApp \\ dist \\ main-server.js:16281:25)
.cshtml
<app asp-prerender-module="ClientApp/dist/main-server"
asp-prerender-data='@ViewData["token"]' >Loading...</app>//Storing
<script src="~/dist/vendor.js" asp-append-version="true"></script>
@section scripts {
<script src="~/dist/main-client.js" asp-append-version="true"></script>
}
boot.server.ts
setImmediate(() => {
resolve({
html: state.renderToString(),
globals: {
tokenData: params.data
}
});
app.component.ts
declare var tokenData: any;
@Component({..})
export class AppComponent implements OnInit{
ngOnInit() {
let accessToken = tokenData;
localStorage.setItem('token', accessToken);
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.