<!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>
系统默认信息窗体展示
猜你喜欢
转载自blog.csdn.net/qq_36026747/article/details/80886160
今日推荐
周排行