qt 使用百度在线地图 方法2

使用百度在线地图两个关键点，一是html页面准备；二是qt 与js 语言的交互。

1，html页面的准备，双击页面就可以出现如下效果。

主要代码：

2，qt 与js 语言的交互

qt　端加载ｈｔｍｌ页面。注册相应通道

    m_map = new QWebEngineView(this);

	QWebChannel *pWebChannel = new QWebChannel(m_map->page());      //为网页视图页面创建通道channel
	pInteractObj = new TInteractObj(this);    //创建通道对象用于与JS交互
	//"interactObj"为注册名，JS调用的对象名必须和它相同
	pWebChannel->registerObject(QStringLiteral("interactObj"), pInteractObj);//注册通道对象供JS调用

	m_map->page()->setWebChannel(pWebChannel);  /设置通道



	//当网页返回数据，则会返回到通道对象pInteractObj中，然后再发送信号到主类OnReceiveMessageFromJS中处理
	connect(pInteractObj, &TInteractObj::SigReceivedMessFromJS, this, &MapLoaction::OnReceiveMessageFromJS);
	
	//向网页发送信号需要利用通道对象pInteractObj的SigSendMessageToJS信号
	connect(this, &MapLoaction::SigSendMessageToJS, pInteractObj, &TInteractObj::SigSendMessageToJS);

	QWebEnginePage *page = m_map->page();
	page->load(QUrl("file:///./testData/map.html"));
	//map->resize(1000, 1000);
	ui.gridLayout_pos->addWidget(m_map);
	m_map->show();

ｈｔｍｌ 页面中调用 ｑｔ函数

window.onload = function() {  
            new QWebChannel(qt.webChannelTransport, function(channel) 
			{    //浏览器内核自带
                var interactObj = channel.objects.interactObj;      //注册对象名
               // alert("success1");
               
                //Web connect the Qt signal, then Qt can call "output" function
                interactObj.SigSendMessageToJS.connect(function(fun,lng,lati,strdev,dg) 
				{    
					//alert(lng+"  success:"+lati);
					if(fun==0)
						updateDataTrail(lng,lati);
					else
					{
						x_point=lng;
						y_point=lati;
						//clearAllMarker();
						myAddMarker(strdev);
					}
                    //if(str == "ok")
					//{	
						//alert("success");
						//interactObj.JSSendMessage(1,2);           //发送消息
					//}
                });    
            });  
            }  

最终效果，本图片为我们实际应用中的一个效果图。