纯干货|WinCC OA-JS-使用baidu.js开发个性化地图界面免费教程-技术论坛-工业支持中心-西门子中国

纯干货|WinCC OA-JS-使用baidu.js开发个性化地图界面免费教程

已锁定

大连莱立佰

帖子

2
精华

0
被关注

1

论坛等级：新手

注册时间：2022-02-08

普通如何晋级?

纯干货|WinCC OA-JS-使用baidu.js开发个性化地图界面免费教程

608

8

2022-02-21 10:34:46

01

密钥获取

如果利用百度地图开发应用，必须首先获得AK密钥。（可以去百度地图开放平台免费注册获取）

https://lbsyun.baidu.com/index.php?title=jspopularGL/qa （具体方法详见）

02

资源获取

该功能需要引用百度地图作为底图。本例程基础代码取自该网站，并根据应用对代码进行相应的修改。

https://lbsyun.baidu.com/jsdemo.htm#bSetGetMapCenter（基础代码获取网址）

03

部分源码

注意：

src="https://api.map.baidu.com/api?v=2.0&ak=baidu密钥">

baidu密钥：需要替换为用户自己申请的AK密钥号码。

04

文件保存

将上面的代码拷贝至新建记事本中，保存退出。将文件属性txt更改为html。并将修改后的文件拷贝至C:\Siemens\Automation\WinCC_OA\3.17\data\html文件夹下。

05

WinCC OA WebView_ewo控件

新建pnl，拖入测试用WebView_ewo控件，

06

WebView_ewo控件的initialize事件

main()

{

string path = "/data/html/baidumap1.html";

WebView_ewo1.loadSnippet(path);

}

07

点击运行查看效果

WINCC OA与地图界面数据交互方法可以参考往期文章“WinCC OA-JS-CTRL脚本与JS交互”中内容。

纯干货|WinCC OA-JS-使用baidu.js开发个性化地图界面免费教程已锁定

已锁定

编辑推荐：关闭

请填写推广理由：

活动公告查看全部公告>

【仅剩99份】学PLC得PLC限量学习笔记，下单立减50元享加赠

热门视频，猜你喜欢

本版热门话题

SIMATIC WinCC OA (原PVSS)

共有341条技术帖

相关推荐

热门标签

相关帖子推荐

guzhang

恭喜，你发布的帖子

被评为精华帖！

快扫描右侧二维码晒一晒吧！

再发帖或跟帖交流2条，就能晋升VIP啦！开启更多专属权限！

分享
只看
楼主

您收到0封站内信：

×

×

信息提示

很抱歉！您所访问的页面不存在，或网址发生了变化，请稍后再试。