前言

之前项目有个需求,在网页上显示微信发送过来的位置信息,该开始想用百度地图,后来发现腾讯地图相对简单一点

快速入门

申请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

最新文章

  1. DSp寄存器“是怎么和板子上的”具体地址“一一对应起来的
  2. Delphi RICHEDIT中插入图象
  3. R语言 数据的输入方式总结
  4. Ecshop布局参考图
  5. NTP工作机制及时间同步的方法
  6. 毕向东udp学习笔记2
  7. 201521123026《Java程序设计》第8周学习总结
  8. keras02 - hello convolution neural network 搭建第一个卷积神经网络
  9. git for windows 本地仓库
  10. django2.0.6 连接使用redis集群
  11. Windows 循环根据进程名称 存在则删除该进程
  12. (转)Python 字符串格式化 str.format 简介
  13. 理解学习Springboot(二)
  14. SPOJ BALNUM ★(位压缩状态+数位DP)
  15. sql中的一些函数(长期更新。。)
  16. Ajax定时局部刷新
  17. 移动端手势事件 hammer.JS插件
  18. VI编辑,backspace无法删除解决方法
  19. Opengl ES 1.x NDK实例开发之六:纹理贴图
  20. ocx控件针对网页刷新和关闭分别进行区分处理

热门文章

  1. HBase 学习之路(十一)—— Spring/Spring Boot + Mybatis + Phoenix 整合
  2. Python初探-基础篇
  3. laravel中的构造函数依赖注入理解
  4. webpack 4.0 版本的简单使用
  5. 跟着大彬读源码 - Redis 1 - 启动服务,程序都干了什么?
  6. 数据结构与算法---树结构(Tree structure)
  7. java 学习之路第一节
  8. git中常用的操作命令有哪些?常用操作命令归纳
  9. django基础知识之QueryDict对象:
  10. AD域和LDAP协议