php微信使用腾讯地图进行定位,微信定位+腾讯地图导航

var transferService = newqq.maps.TransferService({//location: "广州",

complete: function (result) {

result=result.detail;var start =result.start,

end=result.end;var anchor = new qq.maps.Point(6, 6),

size= new qq.maps.Size(24, 36),

start_icon= new qq.maps.MarkerImage('/Content/Image/Map/busmarker.png', size),

end_icon= new qq.maps.MarkerImage('/Content/Image/Map/busmarker.png', size, new qq.maps.Point(24, 0), anchor);

start_marker&& start_marker.setMap(null);

end_marker&& end_marker.setMap(null);

start_marker= newqq.maps.Marker({

icon: start_icon,

position: start.latLng,

map: map,

zIndex:1});

end_marker= newqq.maps.Marker({

icon: end_icon,

position: end.latLng,

map: map,

zIndex:1});

transfer_plans=result.plans;var plans_desc =[];for (var i = 0; i < transfer_plans.length; i++) {//plan desc.

var p_attributes = ['οnclick="renderPlan(' + i + ')"', 'οnmοuseοver=this.style.background="#eee"', 'οnmοuseοut=this.style.background="#fff"', 'style="margin-top:-4px;cursor:pointer"'].join(' ');

plans_desc.push('

方案' + (i + 1) + '.');var actions =transfer_plans[i].actions;for (var j = 0; j < actions.length; j++) {var action =actions[j],

img_position;

action.type== qq.maps.TransferActionType.BUS && (img_position = '-38px 0px');

action.type== qq.maps.TransferActionType.SUBWAY && (img_position = '-57px 0px');

action.type== qq.maps.TransferActionType.WALK && (img_position = '-76px 0px');var action_img = '  ';

plans_desc.push(action_img+action.instructions);

}

}//方案文本描述

document.getElementById('plans').innerHTML = plans_desc.join('
');//渲染到地图上

renderPlan(0);

}

});

function InitMap(lng, lat) {

map= new qq.maps.Map(document.getElementById("mapContainer"), {//地图的中心地理坐标。

center: newqq.maps.LatLng(lat, lng)

});//calcPlan();

}

function GetMyLnglatCallback(lng, lat) {

InitMap(lng, lat);

$("#nowPoint").attr("value", lng + "," +lat);

InitShopSelectItem()//加载店铺下拉控件数据

calcPlan();

}//调用calcPlan用来判断出行方式

function calcPlan() {var start_name = document.getElementById("start").value.split(",");var end_name = document.getElementById("end").value.split(",");//var policy = document.getElementById("policy").value;

transferService.search(new qq.maps.LatLng(start_name[1], start_name[0]), new qq.maps.LatLng(end_name[1], end_name[0]));//switch (policy) {//case "较快捷"://transferService.setPolicy(qq.maps.TransferActionType.LEAST_TIME);//break;//case "少换乘"://transferService.setPolicy(qq.maps.TransferActionType.LEAST_TRANSFER);//break;//case "少步行"://transferService.setPolicy(qq.maps.TransferActionType.LEAST_WALKING);//console.log(1);//break;//case "不坐地铁"://transferService.setPolicy(qq.maps.TransferActionType.NO_SUBWAY);//break;//}

}//清除地图上的marker

function clearOverlay(overlays) {varoverlay;while (overlay =overlays.pop()) {

overlay.setMap(null);

}

}

function renderPlan(index) {var plan =transfer_plans[index],

lines=plan.lines,

walks=plan.walks,

stations=plan.stations;

map.fitBounds(plan.bounds);//clear overlays;

clearOverlay(station_markers);

clearOverlay(transfer_lines);

clearOverlay(walk_lines);var anchor = new qq.maps.Point(6, 6),

size= new qq.maps.Size(24, 36),

bus_icon= new qq.maps.MarkerImage('/Content/Image/Map/busmarker.png', size, new qq.maps.Point(48, 0), anchor),

subway_icon= new qq.maps.MarkerImage('/Content/Image/Map/busmarker.png', size, new qq.maps.Point(72, 0), anchor);//draw station marker

for (var j = 0; j < stations.length; j++) {var station =stations[j];if (station.type ==qq.maps.PoiType.SUBWAY_STATION) {var station_icon =subway_icon;

}else{var station_icon =bus_icon;

}var station_marker = newqq.maps.Marker({

icon: station_icon,

position: station.latLng,

map: map,

zIndex:0});

station_markers.push(station_marker);

}//draw bus line

for (var j = 0; j < lines.length; j++) {var line =lines[j];var polyline = newqq.maps.Polyline({

path: line.path,

strokeColor:'#3893F9',

strokeWeight:6,

map: map

});

transfer_lines.push(polyline);

}//draw walk line

for (var j = 0; j < walks.length; j++) {var walk =walks[j];var polyline = newqq.maps.Polyline({

path: walk.path,

strokeColor:'#3FD2A3',

strokeWeight:6,

map: map

});

walk_lines.push(polyline);

}

}

function InitShopSelectItem()

{//初始化店铺下拉数据

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值