问将全局javascript UI库集成到Angular应用程序中
EN

Stack Overflow用户

提问于 2017-06-22 21:22:05

回答 1查看 180关注 0票数 1

我必须在Angular应用程序(Angular4.x)中使用mapwize sdk (https://github.com/Mapwize/mapwize.js-dist/blob/master/doc/doc.md#_install-mapwize)，这是一个纯javascript库。

我尝试在index.html中放置一个脚本标记来包含库(js和css)，并添加一些脚本来显示MapWize地图，如下所示，我已经显示了地图：

<head>    
    <link rel="stylesheet" href="./assets/bower_components/mapwize/dist/mapwize.css">
    <script src="./assets/bower_components/mapwize/dist/mapwize.js" type="text/javascript"></script>
</head>
<body>
    <div id="map"></div>
    <script>   
        var bounds = new L.LatLngBounds(
            new L.LatLng(49.742313935073504183, 4.5989323407411575317),
            new L.LatLng(49.742851692813445652, 4.5997658371925345122)
        );
        var map = Mapwize.map('map', {
            apiKey: '1f04d780dc30b774c0c10f53e3c7d4ea', 
            accessKey: 'demo'                
        });
        map.fitBounds(bounds);
    </script>
</body>

我现在只想将地图集成到应用程序中的一个组件中，而我不知道如何做到这一点，这可能吗？有人遇到过类似的问题吗？

angular

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-06-22 21:30:21

就在您的组件/服务之外执行此操作

declare const Mapwize; 


@Component({
  selector: 'my-component',
  template: `
    <div>Hello my name is {{name}}.
      <button (click)="sayMyName()">Say my name</button>
    </div>
   `
})

export class MyComponent {
  name: string;
  constructor() {
    this.name = 'Max'
  }
  abc() {
    //Mapwise...()
  }
}

您应该能够使用它

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44700647

复制

相似问题

问将全局javascript UI库集成到Angular应用程序中
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将全局javascript UI库集成到Angular应用程序中EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将全局javascript UI库集成到Angular应用程序中
EN