系统默认信息窗体展示

最新推荐文章于 2022-12-03 21:14:46 发布

原创最新推荐文章于 2022-12-03 21:14:46 发布 · 247 阅读

0 ·

CC 4.0 BY-SA版权

高德地图专栏收录该内容

16 篇文章

订阅专栏

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <title>系统默认信息窗体展示</title>
    <link rel="stylesheet" href="https://cache.amap.com/lbs/static/main.css"/>
    <script type="text/javascript"src="https://webapi.amap.com/maps?v=1.4.2&key=b90d81e4db390ecc709454bd5b30d487"></script>
    <style type="text/css">
        body {
            font-size: 12px;
        }
        .amap-info-close{
          top:10px;
        }
    </style>
</head>
<body>
<div id="mapContainer" ></div>
<script type="text/javascript">
    //初始化地图对象，加载地图
    var map = new AMap.Map("mapContainer", {
        resizeEnable: true,
        zoom: 13
    });
     var lnglats=[
         [116.368904,39.923423]
     ];
    var infoWindow = new AMap.InfoWindow({offset:new AMap.Pixel(0,-30)});

	var marker=new AMap.Marker({
		  position:lnglats[0],
		  map:map
	});
	marker.content='我是第'+(0+1)+'个Marker';
	marker.on('click',markerClick);
	//marker.emit('click',{target:marker});
 
    function markerClick(e){
        infoWindow.setContent(e.target.content);
        infoWindow.open(map, e.target.getPosition());
    }
    map.setFitView();
</script>
 <script type="text/javascript" src="https://webapi.amap.com/demos/js/liteToolbar.js"></script>
   
</body>
</html>