Zeke Xiao

Zeke Xiao

github

百度地図 JS APIは、タッチ操作やズーム(Windowsタブレット、Qt WebEngine)をサポートしていません。

参考リンク:http://blog.sina.com.cn/s/blog_73a4b2cd0102wpgy.html

  • バイドゥマップ API の js をダウンロードする
    http://api.map.baidu.com/getscript?v=2.0
  • window.BMAP_AUTHENTIC_KEY にキーを入力する
  • (function(){ })の内部にカスタムの myNavigator を追加する
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);
読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。