腾讯地图的使用
1.ak名,ak
我的-android
UYMBZ-GFZ3G-GZOQX-IPVIH-IMQTF-EAFKD
2.public/index.html
<script chart="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=UYMBZ-GFZ3G-GZOQX-IPVIH-IMQTF-EAFKD"></script>
<script type="text/javascript" src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"></script>
3.使用的页面:
<template>
<div>
<div id="container"></div>
<div>
经:
<input type="text" ref="j" />
</div>
<div>
纬:
<input type="text" ref="w" />
</div>
<div>
缩放级别:
<input type="text" ref="z" />
</div>
</div>
</template>
script:
mounted(){
var qq = window.qq;
var _this = this;
var map = new qq.maps.Map(document.getElementById("container"), {
center: new qq.maps.LatLng(37.80789920419703, 112.56275080159814), // 地图的中心地理坐标
zoom: 18, // 地图缩放级别
mapStyleId: "style1" // 该key绑定的style1对应于经典地图样式,若未绑定将弹出无权限提示窗
});
var geolocation = new qq.maps.Geolocation(
"UYMBZ-GFZ3G-GZOQX-IPVIH-IMQTF-EAFKD", //ak,ak名
"我的-android"
);
geolocation.getLocation(showPosition, () => {
console.log("获取位置失败,如果是PC,请设置模拟器,Sensors,more tools>more");
});
function showPosition(position) { //成功后的回调
console.log(position);
var lnglat = new qq.maps.LatLng(position.lat, position.lng);
map.tCenter(lnglat); //成功后根据经纬度设置中心点
map.tZoom(10); //设置缩放级别
var marker = new qq.maps.Marker({
//设置Marker的位置坐标
position: lnglat,
//设置显示Marker的地图
map: map
});
//设置Marker是否可以被拖拽,为true时可拖拽,fal时不可拖拽,默认属性为fal
marker.tDraggable(true);
//设置Marker停止拖动事件
qq.maps.event.addListener(marker, "dragend", function() {
var position = marker.getPosition();
var zoom = map.getZoom();
console.log(position, zoom);
_this.$refs.j.value = position.lng; //分别把拖动后显示的位置赋值给经纬度,缩放级别
_this.$refs.w.value = position.lat;
_this.$refs.z.value = zoom;
//https://lbs.qq.com/javascript_v2/doc/geocoder.html
//地址和经纬度之间进行转换服务
var geocoder = new qq.maps.Geocoder();
//对指定经纬度进行解析
geocoder.getAddress(position);
//设置服务请求成功的回调函数
geocoder.tComplete(function(result) {
console.log(result.detail); //拖动停止后返回的详细地址
});
});
}
}
----------------------------------------------------------------
//只获取定位的情况下:
var qq = window.qq;
var _this = this;
var geolocation = new qq.maps.Geolocation(
"UYMBZ-GFZ3G-GZOQX-IPVIH-IMQTF-EAFKD", //ak,ak名
"我的-android"
);
geolocation.getLocation((position)=>{
_this.$refs.dw.innerHTML=position.city; //成功时赋值
}, () => {
console.log("获取位置失败,如果是PC,请设置模拟器,Sensors,more tools>more");
});
--------------------------------------------------------------------
<style scoped lang="scss">
#container {
min-width: 100%;
min-height: 300px;
}
</style>
手机qq地图怎样定位啊
安装后在
我
中开启零流量地图模式,待对方接收到短信同意位置共享,在通讯录选择联系人或输入对方的手机号码,便可给对方发出邀请短信,找TA功能,需要装一个软件,双方就可以在手机地图上看到彼此的实时位置。望采纳,其实你说的是找他功能,这个简单:你说的是
找他
功能,用手机腾讯地图的
找TA
,地图上还能显示双方的距离有多少米,双方的位置用了不同颜色的两个点在地图上显示出来!楼主你好,就是现在流行的腾讯零流量地图
手机QQ地图的使用方法
先从腾讯官方网站下载安装包装上手机QQ地图,安装界面采用节能环保的绿色,看起来还挺清爽的。安装完软件后,小编迫不及待下载了全国的离线数据包,看着那安装进度条一点点注满,小编还有点担心自己的手机内存装不下。转眼,安装完毕了,竟然才400多M,这可比之前小编装过的一些离线地图瘦身多了!而且一共是包含14级的地图,空间瘦身功能不缩水。
全部安装完毕,赶紧小试牛刀一把。手机QQ地图启动很快,立刻定位到了小编目前的所在地,290米的精度,看来偏差数据还原得还不错哦!
小编因为刚刚搬家,对这周围还不太熟悉,听说附近有个电影院,年末大片上市不断,周末想去看看,不知道手机QQ地图是不是可以帮忙咧?从Menu点进主菜单,搜搜试试。
吼吼,原来就在小区附近,果然找到了一家“ume国际影院”,点下灰色的小框框,出现了电影院详细的地址,另外还包含“获取路线”、“短信发送给好友”、“周边搜索”等贴心的延续功能。
看电影之前好像还得填饱肚子,看看周围有什么好吃的饭馆没?吃完大餐再Happy大片,享受人生耶。
点进“周边搜索”,原来有这么多类别选择呐。哈哈,餐馆邮局、洗衣、送水、菜市场……随便点进想要的类别,附近有什么全知道。
最后还是选了最没创意的麦当劳,谁叫我手里有最新打印的麦当劳优惠券呢,低碳生活嘛,该省是一定要省滴,当然啦,有了手机QQ地图强大的离线数据包今后就能为小编省下好多的流量呢,哈哈。另外,小编还发现原来搜到过一次结果后,手机QQ地图就能把刚搜过的东东记下来,以后家里可以再也不用存那么多附近餐馆的送餐小名片啦。
刚好闺蜜在QQ上说周末要到我的新家来踩点+腐败。小编心想要是等这路痴找到我的家,电影估计都快散场咯,还是赶紧给她找路线吧。直接进入手机QQ地图,从menu里点出“路线”,默认推荐的就是公交,看来这次手机QQ地图还真是将低碳环保进行到底了。
找到了一条最佳路线,马上用手机QQ地图的短信发送功能发给闺蜜,真是又方便又省事。不过小编转念一想,既然帮忙闺蜜查了公交路线了,干脆好人做到低,对于路痴来说,到时候找不到公交车站也是有可能的。那就顺便帮她查下打车路线吧。手机QQ地图还提供了一个超级强大的功能:支持将近200个城市的打车估算费用,设置好起点和终点,打车费用一并显示在查询结果中,真是太贴心了。
所有的安排都搞定了,但是小编还是小小担心了下流量,离线数据包下载也是需要流量的,况且搜了这么多东西,心里还是有些不确定呢。点击菜单里的“更多”进来“查看流量”。才9k! 哈哈,绝对的低碳,真是太省啦!
省流量绝对不是吹滴!定位准、地点全、路线多。最重要的就是能省流量、省空间和省电,解决了很多和小编一样的朋友使用手机地图最大的问题,手机QQ地图还只是刚刚发布,目前也只是支持android平台,今后功能应用将何去何从,平台覆盖将如何开展,就让我们一起期待吧。
QQ红包地图怎么画
品牌型号:华为P40
系统:EMUI10.1.0
软件版本:QQv8.4.10
该方法适用苹果手机、其它安卓手机,但由于手机品牌、系统与软件版本各不相同,操作步骤存在小部分差异。
QQ 红包 地图 怎么画呢?给大家分享下QQ红包地图图案怎么画的教程。
打开qq,进入好友 聊天 界面,选择红包
点击画笔图标,根据红包给出的题目画出地图,待识别成功后点击开红包即可
以上就是qq 画图 红包怎么画地图的内容,希望对大家有所帮助。