百度地图操作描点画圆矩形线条计算面积距离坐标转换 JavaScript

最新推荐文章于 2024-05-12 18:23:38 发布

Lua598

最新推荐文章于 2024-05-12 18:23:38 发布

阅读量6k

点赞数 2

分类专栏： HTML 文章标签：百度地图画圆百度地图坐标转换百度地图画线条百度地图常用操作百度地图描点

本文链接：https://blog.csdn.net/gbyseo/article/details/79228343

版权

#allmap { width: 900px; height: 600px; font-family: "微软雅黑"; padding-left: 0px; float: left; } 地图展示查询car信息 //////////////////////////////

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<style type="text/css">
			#allmap {
				width: 900px;
				height: 600px;
				font-family: "微软雅黑";
				padding-left: 0px;
				float: left;
			}
		</style>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZlFv2wRgICUlrtCEwG8gTNGVoMgP1528"></script>
		<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js"></script>
		<link rel="stylesheet" href="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.css" />
		<script type="text/javascript" src="js/geoutils.js"></script>
		<title>地图展示</title>
	</head>

	<body>
		<div id="allmap"></div>
		<div id="carInfo" style="width: 410px;float: right;">查询car信息</div>
	</body>

</html>
<script type="text/javascript">
	
	
	//
	//  百度地图常用操作  包含功能
	//	1.地图描点  更换点样式  点击点显示自定义详情
	//  2.画圆，矩形，线条，多边形  获取所画图形面积，线条距离，坐标，判断自定义点是否在范围内
	//  3.地址转换坐标
	//  4.坐标转换地址
	//  5.画图工具样式
	//	6.作者 ：１２６９３２６６　欢迎交流
	//
	
	//初始化函数
	$(function() {
		initBaiDuMap(

最低0.47元/天解锁文章

Lua598

关注

2
点赞
踩
10

收藏

觉得还不错? 一键收藏
1
评论
百度地图操作描点画圆矩形线条计算面积距离坐标转换 JavaScript

#allmap { width: 900px; height: 600px; font-family: "微软雅黑"; padding-left: 0px; float: left; } 地图展示查询car信息 //////////////////////////////
复制链接

扫一扫