百度，高德地图学习

最新推荐文章于 2025-05-08 19:00:00 发布

zhengjiesuaibi

最新推荐文章于 2025-05-08 19:00:00 发布

阅读量114

点赞数

文章标签：学习

本文链接：https://blog.csdn.net/zhengjiesuaige/article/details/129435455

版权

百度地图文档地址：：https://lbsyun.baidu.com/index.php?title=jspopularGL/guide/getke

百度拾取坐标：：https://blog.csdn.net/qq_36138652/article/details/84107857

	var geolocation = new BMapGL.Geolocation();
    var gc = new BMapGL.Geocoder();//创建地理编码器
	geolocation.getCurrentPosition(function(r){
		console.log(r.latitude)
		console.log(r.longitude)

		// 百度地图API功能
		var map = new BMapGL.Map("container"); 
		var point = new BMapGL.Point( r.longitude,r.latitude); // 创建点坐标
		map.centerAndZoom(point, 10);
		map.enableScrollWheelZoom(); // 启用滚轮放大缩小
	})
window.onload = loadJScript; // 异步加载地图

高德地图定位使用

备注文档：https://lbs.amap.com/api/javascript-api/guide/abc/prepare

获取标记点：

<!DOCTYPE html> 
<html>
<head> 
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Hello, World</title> 
<style>
	body,
	html,
	#container {
		overflow: hidden;
		width: 100%;
		height: 100%;
		margin: 0;
		font-family: "微软雅黑";
	}

</style>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=5de9515322eb1d1736737f68a619674d"></script> 

</head> 
<body> 
    <div id="container"></div>

<script type="text/javascript">
var map = new AMap.Map('container', {
        zoom:11,//级别
        center: [116.397428, 39.90923],//中心点坐标
		pitch:'70',
        viewMode:'3D'//使用3D视图
    });
	// 创建一个 Marker 实例：
var marker = new AMap.Marker({
    position: new AMap.LngLat(116.39, 39.9),   // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
    title: '北京'
});

// 将创建的点标记添加到已有的地图实例：
map.add(marker);
	// 将创建的点标记添加到已有的地图实例：

</script>
</body> 
</html>

注：百度地图经纬度与高德地图经纬度有偏差

高德地图还有一个秘钥要加上