我正在尝试通过plotly.js使用图形和地图。我正在为此使用angular-ploty.js。图工作正常，但是当我尝试使用map时，那时候未定义mapbox访问令牌的显示错误。我有mapbox访问令牌，但不知道如何在Angular中添加它。
>这是我的HTML组件代码。
---
date: "2016-04-27T00:00:00Z"
external_link: https://howiebaik.shinyapps.io/medium-claps-predictor/
image:
caption: Medium Claps
focal_point: Smart
summary: Predict Medium Claps
tags:
- Shiny app
title: Medium Clap Predictor App
---
这是component.ts代码。
<plotly-plot [data]="graph.data" [layout]="graph.layout"></plotly-plot>
我正在使用public graph = {
data: [{
type: 'scattermapbox',
lat: ['45.5017'],
lon: ['-73.5673'],
mode: 'markers',
marker: {
size: 14
},
text: ['Montreal']
}],
layout : {
autosize: true,
hovermode: 'closest',
mapbox: {
bearing: 0,
center: {
lat: 45,
lon: -73
},
pitch: 0,
zoom: 5
},
},
mapboxaccesstoken: 'Entered mapbox access token here'
};
。