php地图路径规划,Vue 高德地图 路径规划 画点

:plugin="plugin":amap-manager="amapManager":zoom="zoom":center="center"vid="amapDemo"ref="reds"style="width:100vw;height:80vh":events="events"

>

let amapManager= newAMapManager();var map =amapManager.getMap();

exportdefault{

data() {

let _obj= this;return{

amapManager,

center: [116.303843, 39.983412],

plugin: [

{

pName:"Scale",

events: {

init(instance) {

console.log(instance);

}

}

}

],

zoom:12,

events: {

init(o) {

_obj.createMap();

}

}

};

},

created() {//配置

},

mounted() {},

methods: {

createMap() {

let o=amapManager.getMap();var icon = newAMap.Icon({//图标尺寸

size: new AMap.Size(32, 46),//图标的取图地址

image:"http://a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-red.png",//图标所用图片大小

imageSize: new AMap.Size(32, 46)

});var labelContent = "1";var labelOffset = new AMap.Pixel(8, 7);var marker = newAMap.Marker({

icon: icon,

position: [116.303843, 39.983412],

offset:new AMap.Pixel(-10, -46),

title:1,

text:1,

label: {

content: labelContent,

offset: labelOffset

}

});

marker.setMap(o);var labelContent = "2";var labelOffset = new AMap.Pixel(8, 7);var marker2 = newAMap.Marker({

icon: icon,

anchor:"center", //设置锚点

position: [116.321354, 39.896436],

offset:new AMap.Pixel(-10, -28),

title:2,

clickable:true,

bubble:true,

label: {

content: labelContent,

offset: labelOffset

}

});

marker2.setMap(o);var truckDriving = newAMap.TruckDriving({

map: o,

policy:0, //规划策略

size: 1, //车型大小

width: 2.5, //宽度

height: 2, //高度

load: 1, //载重

weight: 12, //自重

axlesNum: 2, //轴数

province: "京", //车辆牌照省份

isOutline: true,

outlineColor:"#ffeeee",

hideMarkers:true});var path =[];

path.push({ lnglat: [116.303843, 39.983412] }); //起点

path.push({ lnglat: [116.321354, 39.896436] }); //途径

path.push({ lnglat: [116.407012, 39.992093] }); //终点

truckDriving.search(path,function(status, result) {if (status === "complete") {

console.log("获取货车规划数据成功");}else{

console.log("获取货车规划数据失败：" +result);

}//searchResult即是对应的驾车导航信息，相关数据结构文档请参考 https://lbs.amap.com/api/javascript-api/reference/route-search#m_DrivingResult

});

AMap.event.addListener(marker,"click", function(e) {debugger;//得到的数据

});

AMap.event.addListener(marker2,"click", function(e) {debugger;//得到的数据

});

}

}

};

border: 0px;

background: rgba(255, 255, 255, 0);

color: #fff;

font-size: 17px;

font-weight: 550;

text-align: center;

}