vue2.0中如何调用腾讯地图api?
来源:互联网 发布:java object转date 编辑:程序博客网 时间:2024/05/17 05:17
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,,根据实际情况改动下即可
阅读全文
0 0
- vue2.0中如何调用腾讯地图api?
- 利用腾讯地图API调用街景
- 如何在网页中调用百度地图API
- 如何在网页中调用百度地图API ?
- 如何在网页中调用百度地图api
- 如何在网页中调用百度地图api
- 如何在HTML中调用百度地图API
- 如何在网页中调用百度地图API
- vue2.0填坑——百度地图API
- 本地调用腾讯地图
- vue2.0组件如何使用高德地图
- 网页中调用百度地图API
- Vue2.0全局API
- 调用google地图api
- 百度地图api调用
- JAVA 调用地图API
- 调用地图api接口
- 腾讯地图api调用示例-功能-画多边形画圆自动复制一个
- 空间配置器
- 单身狗也疯狂!黑科技让你天天过七夕!
- 通过Framework的方式集成DTCoreText
- unreachable statement
- Java垃圾回收机制
- vue2.0中如何调用腾讯地图api?
- 根据网络接口名获取IP地址
- 5.DNS劫持原理
- 2733: [HNOI2012]永无乡
- weex slider 实现滑动底部导航功能
- 动态代理的理解
- DOM节点层次(Document类型)
- 抢券淘隐私政策
- 搜狐发奖金