vue2.0中如何调用腾讯地图api?
1.index.html2.页面引入export default {mounted:function(){this.init()},methods:{init:function () {var myLatlng = new qq.maps.LatLng(31.584617993869276, 120.29067993
·
1.index.html
<script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp&key=xxx"></script>
2.页面引入
<script>
export default {
mounted:function(){
this.init()
},
methods:{
init:function () {
var myLatlng = new qq.maps.LatLng(31.584617993869276, 120.29067993164062);
var myOptions = {
zoom: 12,
center: myLatlng,
mapTypeId: qq.maps.MapTypeId.ROADMAP
}
var map = new qq.maps.Map(document.getElementById("container"), myOptions);
//添加监听事件
qq.maps.event.addListener(map, 'click', function(event) {
console.log('您点击的位置为: [' + event.latLng.getLat() + ', ' +
event.latLng.getLng() + ']');
});
}
}
}
</script>
注意。。。
开头引入的src里的http和https,,根据实际情况改动下即可
更多推荐
已为社区贡献22条内容
所有评论(0)