900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > php微信使用腾讯地图进行定位 微信定位+腾讯地图导航

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

时间:2022-12-16 06:49:51

相关推荐

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()

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

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。