騷年张症，你說我說的對不對呀检疫！
附上一波百度地圖的兼容性
- 瀏覽器：IE 6.0+讶请、Firefox 3.6+、Opera 9.0+屎媳、Safari 3.0+夺溢、Chrome
- 操作系統(tǒng)：Windows、Mac烛谊、Linux
- 移動平臺：iPhone风响、Android
直接懟代碼
-
在index.html文件中直接引用
<script type="text/javascript" src="http://api.map.baidu.com/getscript?v=3.0&ak=密鑰"></script> 關(guān)于ak密鑰自己去開發(fā)者中心去申請哈，給你們開個(gè)傳送門
傳送門：申請ak密鑰-
地圖的組件代碼
<template> <div style="height:100%;"> <div class="map" id="Map"> </div> </div> </template> <script> export default { name: "bdMap", components: {}, data() { return {}; }, mounted() { const map = new BMap.Map("Map"); // 創(chuàng)建地圖實(shí)例 const point = new BMap.Point(116.404, 39.915); // 創(chuàng)建點(diǎn)坐標(biāo) map.centerAndZoom(point, 15); // 初始化地圖丹禀，設(shè)置中心點(diǎn)坐標(biāo)和地圖級別 } }; </script> <style scoped> .map { width: 100%; height: 500px; } </style> -
效果圖
效果圖
是不是看到左下角沒有百度地圖的logo和版本信息
-
直接在index.html中加入如下代碼即可
<style> .BMap_cpyCtrl { display: none; } .anchorBL { display: none; } </style>
這里卿洋
愿喜??
