You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
58 lines
1.8 KiB
58 lines
1.8 KiB
$(function(){
|
|
for(let i = 0 ; i < 6 ; i++){
|
|
$('.left').append(`<div class="taskItem">
|
|
<span>任务${i+1}</span>
|
|
<img src="./images/shanchu.png" alt="">
|
|
</div>`)
|
|
}
|
|
for(let i = 0 ; i < 6 ; i++){
|
|
$('.right').append(`<div class="pointItem">
|
|
<div class="point">
|
|
<div class="pointName">
|
|
<img src="./images/point.png" alt="">
|
|
<span>点${i+1}</span>
|
|
</div>
|
|
<div class="edit">修改</div>
|
|
</div>
|
|
<div class="lat">经度：116.3913447°</div>
|
|
<div class="lat">纬度度：116.3913447°</div>
|
|
</div>`)
|
|
}
|
|
// 添加任务弹窗
|
|
$("#addTaskBtn").click(()=>{
|
|
// 淡入元素
|
|
$("#addTaskDialog").fadeIn();
|
|
})
|
|
$("#closeAddTask").click(()=>{
|
|
$("#addTaskDialog").fadeOut();
|
|
})
|
|
// 编辑弹窗
|
|
$(".edit").click(()=>{
|
|
// 淡入元素
|
|
$("#editDialog").fadeIn();
|
|
})
|
|
$("#closeEdit").click(()=>{
|
|
$("#editDialog").fadeOut();
|
|
})
|
|
// 添加地图
|
|
var map = new AMap.Map('mapContainer', {
|
|
zoom: 11, // 缩放级别
|
|
center: [116.397428, 39.90923] // 中心点坐标
|
|
});
|
|
var icon = new AMap.Icon({
|
|
size: new AMap.Size(39, 35), // 图标尺寸
|
|
image: './images/qi.png', // 图标的URL
|
|
imageSize: new AMap.Size(39, 35) // 图标所用图片的大小
|
|
});
|
|
|
|
// 创建自定义标记
|
|
var marker = new AMap.Marker({
|
|
position: new AMap.LngLat(116.397428, 39.90923), // 位置坐标
|
|
map: map, // 指定地图
|
|
icon: icon, // 使用自定义图标
|
|
offset: new AMap.Pixel(-25, -25) // 图标偏移量，可以更精确地指向指定位置
|
|
});
|
|
|
|
// 将标记添加到地图
|
|
marker.setMap(map);
|
|
}) |