腾讯位置服务API快速入门
2024-09-01 03:37:30
前言
之前项目有个需求,在网页上显示微信发送过来的位置信息,该开始想用百度地图,后来发现腾讯地图相对简单一点
快速入门
申请Key
https://lbs.qq.com/guides/startup.html
引入js
<script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=###"></script>
把###替换成你申请的key
定义容器
<div class="container" style='width:200px;height:200px'></div>
设置好宽高度
设置参数,初始化容器
var center = new qq.maps.LatLng(lat,lng);//lat:纬度 lng:经度(替换成你的经纬度)
var map = new qq.maps.Map($(".container"),{
center: center,
zoom: ,
zoomControl: false,
panControl: false
}); //设置标记
var marker = new qq.maps.Marker({
position:center, //设置Marker的位置坐标
map: map //设置显示Marker的地图
});
marker.setAnimation(qq.maps.MarkerAnimation.DOWN); //从天而降的标记
去掉腾讯地图LOGO
由于腾讯地图的LOGO太碍眼了,所以要干掉它
//去掉腾讯地图logo
$(".container").bind("DOMNodeInserted",function(e){
var tempCount = ;
$(".container .smnoprint").siblings().each(function(){
tempCount++;
if(tempCount== || tempCount==){
$(this).remove();
}
});
});
后记
官网上还给出了前端定位组件,能够更快的获取到你的位置
https://lbs.qq.com/tool/component-geolocation.html
最新文章
- DSp寄存器“是怎么和板子上的”具体地址“一一对应起来的
- Delphi RICHEDIT中插入图象
- R语言 数据的输入方式总结
- Ecshop布局参考图
- NTP工作机制及时间同步的方法
- 毕向东udp学习笔记2
- 201521123026《Java程序设计》第8周学习总结
- keras02 - hello convolution neural network 搭建第一个卷积神经网络
- git for windows 本地仓库
- django2.0.6 连接使用redis集群
- Windows 循环根据进程名称 存在则删除该进程
- (转)Python 字符串格式化 str.format 简介
- 理解学习Springboot(二)
- SPOJ BALNUM ★(位压缩状态+数位DP)
- sql中的一些函数(长期更新。。)
- Ajax定时局部刷新
- 移动端手势事件 hammer.JS插件
- VI编辑,backspace无法删除解决方法
- Opengl ES 1.x NDK实例开发之六:纹理贴图
- ocx控件针对网页刷新和关闭分别进行区分处理