最近公司项目里要用到百度地图,然后查阅了一些资料,并总结了下;
1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width,initial-scale=1.0"> 6 <title>mo</title> 7 <!-- <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=你申请的秘钥"></script> -->//在线 8 <script type="text/javascript" src="/static/baidu_new_t/js/apiv.2.0-wy.js"></script> 9 </head> 10 <body> 11 <div id="app"></div> 12 <!-- built files will be auto injected --> 13 </body> 14 <script type="text/javascript"> 15 16 document.body.onmousedown = function(){ 17 return false; 18 } 19 </script> 20 </html>
1 <template> 2 <div id="allmap"></div> 3 </template> 4 <script> 5 //import bmap from 'bmap' 6 export default { 7 data(){ 8 return { 9 10 } 11 }, 12 mounted(){ 13 console.log(123123) 14 if(bmap){ 15 var map =new bmap.map("allmap"); 16 var point =new bmap.point(116.404, 39.915); 17 map.centerandzoom(point,15); 18 map.enablescrollwheelzoom();//启用滚轮放大缩小 19 var marker =new bmap.marker(point); 20 map.addoverlay(marker); 21 } 22 } 23 } 24 </script> 25 <style> 26 #allmap { 27 width: 200px; 28 height: 200px; 29 } 30 </style>
如对本文有疑问, 点击进行留言回复!!
2016年信息安全工程师综合知识第11-15题解析【建群网培信息安全工程师】
网友评论