js使用百度地图的JavaScript API

百度地图：http://lbsyun.baidu.com/jsdemo.htm#a1_2。

<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=你的百度地图的**"></script>
<script type="text/javascript">
 var map = new BMap.Map("map_container"); 
    var point = new BMap.Point(10,20);  //（10,20）经纬度，标点位置的经纬度
    map.centerAndZoom(point, 17); 
    map.enableScrollWheelZoom(true); 
		var marker = new BMap.Marker(point);  // 创建标注
		map.addOverlay(marker);               // 将标注添加到地图中
		marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画
    var opts = {
		  position : point,    // 指定文本标注所在的地理位置
		  offset   : new BMap.Size(-45, 10)    //设置文本偏移量
		}
		var label = new BMap.Label("xx欢迎您", opts);  // 创建文本标注对象
			label.setStyle({
				 color : "black",
				 fontSize : "12px",
				 height : "25px",
				 lineHeight : "20px",
				 paddingLeft:"10px",
				 paddingRight:"10px",
				 borderRadius:"5px",
				 fontFamily:"微软雅黑"
			 });
		map.addOverlay(label); 
</script>

在nuxt.js项目中引入远程sdk，在nuxt.config.js。

  head: {
    title: process.env.npm_package_name || '',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: process.env.npm_package_description || '' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
    ],
    script:[
    	{
    		type:"text/javascript",src:"https://api.map.baidu.com/api?v=3.0&ak=百度API秘钥" 		
    	}
    ]
  },