腾讯地图插件的引用

腾讯地图插件的引用"/>

腾讯地图插件的引用

在HTML页面引用

    </div>
</template><script>export default {name: "dataRequest",data(){return {}},created(){},mounted(){this.init();},methods:{init() {//步骤：定义map变量 调用 qq.maps.Map() 构造函数   获取地图显示容器//设置地图中心点var myLatlng = new qq.maps.LatLng(39.916527,116.397128);//定义工厂模式函数var myOptions = {zoom: 8,               //设置地图缩放级别center: myLatlng,      //设置中心点样式mapTypeId: qq.maps.MapTypeId.ROADMAP  //设置地图样式详情参见MapType}//获取dom元素添加地图信息var map = new qq.maps.Map(document.getElementById("dataRequest"), myOptions);qq.maps.event.addListener(map, 'click', function(event) {console.log('您点击的位置为: [' + event.latLng.getLat() + ', ' +event.latLng.getLng() + ']');});}}}
</script><style scoped lang="less">#dataRequest{width: 100%;height: 500px;}
</style>