在地图上标注某一商铺并显示以其为中心1KM的Cycle

<!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
喜欢就支持一下吧
点赞14
分享
评论 抢沙发
云小编的头像-地理信息云

昵称

取消
昵称表情代码图片