參考鏈接:http://blog.sina.com.cn/s/blog_73a4b2cd0102wpgy.html
- 下載百度地圖 API 的 js
http://api.map.baidu.com/getscript?v=2.0 - window.BMAP_AUTHENTIC_KEY 裡面填寫 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);