<!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="http://cache.amap.com/lbs/static/main1119.css"/>
<script src="http://webapi.amap.com/maps?v=1.3&key="></script>
<script type="text/javascript"src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
</head>
<body>
<div id="container"></div>
<script>
var map = new AMap.Map('container', {
resizeEnable: true,
center: [103.290789,24.78669],
zoom: 13
});
var circle = new AMap.Circle({
center: new AMap.LngLat("103.290789", "24.78669"),// 圆心位置
radius: 1000, //半径
strokeColor: "#DDA0DD", //线颜色
strokeOpacity: 0.7, //线透明度
strokeWeight: 3, //线宽
fillColor: "#1791fc", //填充色
fillOpacity: 0.2//填充透明度
});
//声明一个list
var list={
"size":4,
"data":[
{"x":103.290789,"y": 24.78669},
{"x":103.290789,"y": 24.78669},
{"x":103.290789,"y": 24.78669},
{"x":103.290789,"y": 24.78669}
]
}
circle.setMap(map);//显示圆圈
map.setFitView();//根据地图上添加的覆盖物分布情况，自动缩放地图到合适的视野级别
// 创建一个 Marker 实例：（标记点）
var marker = new AMap.Marker({
icon: "https://blog.ztspace.cn/web/drawmap/mark.png",
//自定义Icon在项目中的位置
position: new AMap.LngLat(103.290789, 24.78669), // 经纬度对象，也可以是经纬度构成的一维数组[103.290789, 24.78669]
title: "地理信息云：www.giscloud.com.cn"
});
// 将创建的点标记添加到已有的地图实例：
map.add(marker);
marker.setMap(map);
//设置鼠标划过点标记显示的文字提示
marker.setTitle("地理信息云：www.giscloud.com.cn");
marker.setLabel({
offset: new AMap.Pixel(-42, 33),
content: "石林清香湖阿依小镇"
});
</script>
</body>
</html>
石林清香湖阿依小镇
© 版权声明
文章版权归作者所有，未经允许请勿转载。
THE END
暂无评论内容