高德地图JS实现

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<script>
		window.onload=function()
		{
			new AMap.Map('container');
			var jMap=document.createElement("script");
						<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=c6e183994605d131f97132d2f296d713">
document.body.appendChild(jMap);
		}
	</script>
</body>
</html>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
实现在高德地图中删除圆,首先需要引入高德地图的 JavaScript API,并且创建一个地图实例。 1. 在 HTML 文件中引入高德地图 JavaScript API 的脚本: ```html <script src="https://webapi.amap.com/maps?v=1.4.15&key=您的API密钥"></script> ``` 请确保将"您的API密钥"替换为您在高德地图开发者平台申请的有效 API 密钥。 2. 创建一个地图实例,设定地图的容器和显示区域: ```javascript var map = new AMap.Map('mapContainer', { center: [经度, 纬度], // 设置地图中心点的经纬度 zoom: 缩放级别 // 设置地图缩放级别 }); ``` 请将"经度"和"纬度"替换为您希望地图显示的中心点坐标,将"缩放级别"替换为您希望的地图缩放级别。 3. 在地图上创建一个圆,并将其保存为变量: ```javascript var circle = new AMap.Circle({ center: [圆心经度, 圆心纬度], radius: 半径, // 单位:米 fillColor: 'rgba(255, 0, 0, 0.5)', // 圆形填充颜色,这里设置为半透明红色 strokeColor: 'red', // 圆形边界颜色 strokeWeight: 2 // 圆形边界宽度 }); circle.setMap(map); // 将圆添加到地图上显示 ``` 请将"圆心经度"和"圆心纬度"替换为您希望创建圆的中心点坐标,将"半径"替换为圆的半径大小。 4. 在需要删除圆的时候,调用以下代码: ```javascript map.remove(circle); // 从地图上删除圆 ``` 这样就可以将之前创建的圆从地图上删除。 注意事项: - 在这个过程中,确保 API 密钥的有效性。 - 确保经纬度的正确性,并按照规定的格式输入。 - 根据需要设置圆的样式,如填充颜色、边界颜色和宽度等。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

贵哥的编程之路(热爱分享)

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值