原文作者:
胡世川 - 西门子数字化工业集团自动化部
先看个WinCC运行画面的录屏视频
实现原理:
由于百度的API是基于Javascript的,无法直接在WinCC V7.5的环境中调用。
这里采用了一个变通的方式来实现,架构如下图,在WinCC本机部署一个Web服务器,由其向百度地图API服务器索取地图,同时获取WinCC的数据,将地图和数据在HTML页面合成,最后在WinCC中采用WebBrowser控件呈现在画面中。
具体的过程
编写前端代码
进入百度地图进入百度地图API官网,申请一个密钥(AK),并在html文件中使用AK码,引入地图API文件。
html中创建一个
元素,作为