> 博客详情
摘要: 获取当前位置，显示指定位置标识，支持点击显示信息，实现路线规划
获取当前位置，显示指定位置标识，支持点击显示信息，实现路线规划。注意appKey需要再腾讯地图申请。
&!DOCTYPE html&
&html lang="en"&
&meta charset="UTF-8"&
&meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,initial-scale=1.0"/&
&meta content="yes" name="apple-mobile-web-app-capable"/&
&meta content="black" name="apple-mobile-web-app-status-bar-style"/&
&meta content="telephone=no" name="format-detection"/&
&title&&/title&
&style type="text/css"&
html,body{
width:100%;
height:100%;
#container{
width:100%;
height:100%;
.topoidet {
.topoidet .det-title {
font-size: 16
line-height: 26
color: #0079
font-weight: 700;
.topoidet .det-addr {
font-size: 12
line-height: 18
color: #8a8d8f;
background-color: #0079
height: 34
text-align:
line-height: 34
font-size: 21
border-radius: 4
.tonav i {
background: url(images/arrow.png) no-
background-size:
height: 21
.tonav span {
font-size: 15
.poiresultinfowindow {
width: 183
-webkit-box-shadow: 0 0 6px rgba(0,0,0,.1);
box-shadow: 0 0 6px rgba(0,0,0,.1);
transform: translateZ(0);
-webkit-transform: translateZ(0);
z-index: 200;
&script charset="utf-8" src="/api/js?v=2.exp&key=appKey"&&/script&
&script type="text/javascript" src="/lightmap/components/geolocation/geolocation.min.js"&&/script&
var markers = [];
var list = [
[22..264000, "顺德大良全球通营业厅", "大良保健路128号全球通大厦首层"],
[22..259180, "顺德大良延年营业厅", "顺德区大良街道近良居委会南区延年路11-2 号之1-3号商铺（大良医院红绿灯对面）"],
[22..255090, "顺德大良凤山营业厅", "大良镇凤山东路6号德业大厦11－13号商铺"],
[22..276620, "顺德容桂凤祥营业厅", "容桂街道凤祥南路27号地下商铺"],
[22..281560, "顺德容桂世纪营业厅", "容桂街道容奇大道中19号20、21商铺"]
var appKey = "appKey";
var geolocation = new qq.maps.Geolocation(appKey, "fsej");
var isInit =
function init(){
//调用searchLocalCity();方法
根据用户IP查询城市信息。
//citylocation.searchLocalCity();
//增加监听事件
window.addEventListener('message', function(event) {
//console.log(event.data);
if(event.data){
showPosition(event.data);
}, false);
//获取当前位置信息
geolocation.getLocation(showPosition, null);
function showPosition(position) {
if(isInit){
//设置当前位置为中心
var center = new qq.maps.LatLng(position.lat,position.lng);
map = new qq.maps.Map(document.getElementById('container'),{
center: center,
//初始化info用于点击Marker时显示
infoWin = new Window({
//在当前位置增加Marker
var anchor = new qq.maps.Point(6, 6);
var size = new qq.maps.Size(24, 24);
var origin = new qq.maps.Point(0, 0);
var icon = new qq.maps.MarkerImage('images/center.gif', size, origin, anchor);
var marker = new qq.maps.Marker({
position: center,
icon: icon,
//在地图上显示list的所示坐标的Marker
for(var i = 0; i & list. i++){
(function(n){
marker = new qq.maps.Marker({
position: new qq.maps.LatLng(list[n][0], list[n][1]),
//点击Marker显示info, 支持导航
qq.maps.event.addListener(marker, 'click', function(evt) {
var p = evt.target.getPosition();
var url = "http://apis./tools/routeplan/epointx=" + p.getLng() + "&epointy=" + p.getLat() + "&eword=" + list[n][2] + "?referer=fsej&key=" + appKey + "&backurl=" + window.location.
infoWin.open();
infoWin.setContent("&div class='poiresultinfowindow'&&div class='topoidet'&&span class='det-title'&" + list[n][2] + "&/span&&span class='det-addr'&" + list[n][3] + "&/span&&/div&&div onclick=\"window.location.href='" + url + "'\" class='tonav'&&span&去这里&/span&&/div&&/div&");
infoWin.setPosition(p);
map.panTo(p);
markers.push(marker);
&body onload="init()"&
&div id="container"&&/div&
人打赏支持
码字总数 34304
支付宝支付
微信扫码支付
打赏金额: ￥
已支付成功
打赏金额: ￥
& 开源中国(OSChina.NET) |
开源中国社区(OSChina.net)是工信部
指定的官方社区当下软件园 / 汇聚当下最新最酷的软件下载站！
热门搜索：
您的位置：
> 手机腾讯地图怎么标记 腾讯地图收藏标注地点教程
手机腾讯地图怎么标记 腾讯地图收藏标注地点教程
手机腾讯地图是一款非常便捷的手机导航软件，不少刚安装了腾讯地图的朋友都在问要如何标记地图，本文小编就为大家带来手机腾讯地图收藏标记地点操作叫做教程。
腾讯地图APP标记地图：
1、打开腾讯地图，找到你想要标记的地点，长按该处。
2、点击右下角的【收藏】，你可以看到地图上就会出现一个五角星的标记。
以上就是手机腾讯地图怎么标记的教程，是不是很方便呢。学会了这招之后，事先找好地图，下次在导航的时候就会非常方便了。
支付宝已经慢慢的融入到大家的生活之中，几乎每个人的手机中都会有一个支付宝应用，那么支付宝怎么注册账号呢，接下来就跟随小编一起来看看怎么申请支付宝账号吧！
时代在发展，技术也在进步，学生在学习的过程中也已经开始运用各种手机或者电脑上的学习辅助软件，今天，小编就为大家讲讲其中一类软件，这些软件叫做“拍照搜答案软件”。
小猿搜题是中小学生的作业神器，用了小猿搜题app，让你做作业无需抓耳挠腮，遇到不会写的，拿起手机打开相机，拍一拍搜一搜，详细的答案即可展现在你的面前。那么相信很多学生面对这样一款神器都驾驭不来，那么下面小编就来跟你们说一说这个小猿搜题的使用方法。
支付宝转账错了怎么办？按理说出现这样的情况应该是很少的，但是万事无绝对，对于一些平时比较粗心的用户来说，这种情况还是存在的，那么支付宝转错账能够追回吗？下面，小编就这个问题为大家详细讲解一下支付宝转错账追回方法吧！
手机桌面软件可以帮助用户轻松更换桌面主题、壁纸，让桌面应用分类能够更加清晰，使用户操作能够更加简便，为此，小编就几款比较热门的桌面软件做一个简单的介绍，旨在帮助用户在桌面软件的选择上提供一些微薄的建议。
Copyright (C)
.All rights reserved.腾讯地图实时路况用法_5577我机网
你的位置： →
→ 腾讯地图实时路况用法
腾讯地图实时路况用法
身处在大城市，出行必不可少的当然是应用，但如果你只用他来看路线，那就太浪费了，其实，它还可以帮你实时掌握路况信息，下面，我机网小编就来教大家腾讯地图实时路况怎么用。【实时路况使用示例】1）腾讯地图实时路况怎么用？首先打开腾讯地图，点击右上角【...】。2）在弹出菜单选择【实时路况】，此时地图上就会用颜色标记路段的拥堵程度，红色＞黄色＞绿色，所以，大家出行尽量选择绿色的道路吧。相关问题解答腾讯实时路况有什么作用？1.帮助你提前知道路况，让你有更好的判断2.了解了路况，会避免拥堵3.避开人多的地方，节约不少时间成本腾讯地图怎么收藏位置？1）腾讯地图怎么标记收藏地点？首先打开腾讯地图，【长按】需收藏的地点出现红色小标，点击下方【地址名称栏】。）2）在弹出菜单选择【收藏】，收藏后，地图上会有黄色【★】标记，方便平时查看。腾讯地图定位怎么用？1、手机版目前支持GPS、基站、WiFi三种定位方式。定位的精度取决于软件使用了哪种类型的定位数据源。在定位信号较弱时，可能出现无法定位或定位偏差较大的情况。&2、苹果用户需要在设置中找到定位服务，然后将腾讯地图的轻微权限打开，这样一来就可以使用定位功能了。3、用户设置好了之后就可以打开软件在更多中找到打开地图显示当前位置这一功能这样就可以知道自己的位置了。腾讯地图怎么定位好友？1、在腾讯地图中有一个功能叫做TA，用户只要打开腾讯手机地图，在里面找到“我”这一功能。2、然后在里面找到一个叫“共享”的功能，只需要用户在通讯录中选择联系人或者输入回访的手机号并且发出邀请短信，当收到回复就可以看见对方的位置了。3、在收到回复制后刷新地图就可以看见在地图上两个不同颜色的标记了，并且还可以看见两个人相距多少米，十分的好用可以谁是找到TA了。【总结】关于实时路况，小编就介绍到这里了，希望可以帮助大家提前知道路况， 也希望大家多多支持我机网。&
用手机地图找一些地点或者观察某些地点环境的时候，怎样才能更直
一说到腾讯大家第一个想到的就是qq，和微信，其实腾讯的业务还有
破解修改汉化
破解修改汉化
破解修改汉化
破解修改汉化
推荐手机游戏专区}