vue腾讯地图的的应用

首先在index.html里面引入

<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=DFL"></script>

 

在应用地图的页面

<div class="about-img" id="container">

 

js

var myLatlng = new qq.maps.LatLng(

//偏移量计算

weidu - 0.0065,

jingdu - 0.006

);

//定义工厂模式函数

var myOptions = {

zoom: 15, //设置地图缩放级别

center: myLatlng, //设置中心点样式

mapTypeId: qq.maps.MapTypeId.ROADMAP, //设置地图样式详情参见MapType

disableDefaultUI: true //禁止所有控件

};

//获取dom元素添加地图信息

var map = new qq.maps.Map(

document.getElementById("container"),

myOptions

);

var marker = new qq.maps.Marker({

position: myLatlng,

map: map

});