关于第二个自定义标记

来源：5-2 自定义点标记图标

好狗边上飘314

2020-03-08 22:19:18

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的第一个地图</title>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=e1c1245b2b217bb87211748eede5e598&plugin=AMap.Autocomplete"></script> 
<style type="text/css">
*{
padding:0;
margin:0;
list-style:none;
}
#container{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
background-color:#eee;
    }
    #setCenterNode{
     width:260px;
     position:absolute;
     box-shadow:0 0 5px black;
     right:20px;
     top:50px;
     border:1px solid black;
     background-color:#fff;
     z-index:99;
    }
    #node li{
     cursor:pointer;
    }
    #searchNode{
     width:260px;
     height:30px;
     position:absolute;
     background-color:#fff;
     right:20px;
     top:20px;
    }
    .amap-icon img{
     width:25px;
     height:34px;
    }
  
</style>
</head>
<body>
<div id="container"></div> 

<script type="text/javascript">
var map = new AMap.Map('container',{
zoom:18, // 初始化地图的级别；
center:[116.379391,39.861536] //初始化地图的中心点；
});

/*
map.on('click',function(e){
var marker=new AMap.Marker({
icon:'https://a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-default.png', //标记的图标；
position:[e.lnglat.lng,e.lnglat.lat], //图标的位置；
offset:new AMap.Pixel(25,25) //像素的偏差值；
});
marker.setMap(map);
})
*/
var mk1=new AMap.Icon({
       size:new AMap.Size(250,250),
       image:'1.jpg',
       imageSize:new AMap.Size(100,100)
       // imageOffset:new AMap.Pixel(-50,-50)
       });
       var mk2=new AMap.Icon({
       size:new AMap.Size(308,309),
       image:'./2.jpg',
       imageSize:new AMap.Size(100,100)
       });

       var marker1= new AMap.Marker({
       position:[116.379391,39.861536],
       icon:mk1
       });
       var marker2= new AMap.Marker({
       position:[116.379391,39.661536],
       icon:mk2
       });
marker1.setMap(map);
marker2.setMap(map);
// map.add([marker1,marker2])











</script>
</body>
</html>

老师，第二个自定义标记始终出不来，老师帮看看问题在哪？

写回答

1回答