Zeke Xiao

Zeke Xiao

github

百度地圖 JS API 不支援觸控、縮放 ( Windows 平板、Qt WebEngine)

參考鏈接:http://blog.sina.com.cn/s/blog_73a4b2cd0102wpgy.html

var myNavigator={};
myNavigator.platform="win32";
myNavigator.userAgent="Mozilla/5.0 (Linux; U; Android 4.4.4; Nexus 5 Build/KTU84P) AppleWebkit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30";
myNavigator.appVersion="5.0 (Linux; U; Android 4.4.4; Nexus 5 Build/KTU84P) AppleWebkit/534.30 (KHTML, like Gecko) Version/4.0 Mobile Safari/534.30";

然後用myNavigator替換掉後面的Navigator
目的是讓百度認為你是一個可觸控設備

  • 替換掉原來的 API 使用本地的 API
    <script type="text/javascript" src="http://api.map.baidu.com/api?2.0&ak=xxx"></script>

->

<script type="text/javascript" src="./map.js"></script>


  • 如果需要同時支持鼠標和觸控

參考鏈接https://blog.csdn.net/davis_dxs/article/details/82425211

// TODO: 觸摸移動時觸發此事件 此時開啟可以拖動。雖然剛初始化該地圖不可以拖動,但是可以觸發拖動事件。
map.addEventListener("touchmove", function (e) {
  map.enableDragging();
});
// TODO: 觸摸結束時觸發次此事件  此時開啟禁止拖動
map.addEventListener("touchend", function (e) {
  map.disableDragging();
});

// 初始化地圖 禁止拖動   注:雖禁止拖動,但是可以出發拖動事件
map.disableDragging();

map.enableScrollWheelZoom(true);
載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。