百度地图api开发示例

最新推荐文章于 2020-09-28 16:46:58 发布

坚持到底就能逆袭

最新推荐文章于 2020-09-28 16:46:58 发布

阅读量1.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端htmlcss js

本文链接：https://blog.youkuaiyun.com/a138984/article/details/50582322

这篇博客展示了如何使用百度地图API实现地图的显示、点击获取坐标、拖拽标记等功能。通过创建Marker对象并监听地图点击事件，用户可以获取到地图上点击位置的经度和纬度。同时，还利用Autocomplete实现地址自动完成，帮助用户快速定位。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<span style="white-space:pre">	</span><div id="r-result">请输入:<input type="text" id="suggestId" size="20" value="" style="width:150px;" /></div>			
	<div id="allmap" style="height:300px;width:100%;"></div>
		<div style="width:500px; height:auto;">
			经度：<input type="text" class="text input-medium" name="locationx" id= "locationx" style = "width:350px;">
	</div>
	<div style="width:500px; height:auto;">
			纬度：<input type="text" class="text input-medium" name="locationy" id= "locationy"  style = "width:350px;">
	</div>
	<div id="searchResultPanel" style="border:1px solid #C0C0C0;width:150px;height:auto; display:none;"></div>

<pre name="code" class="javascript"><script type="text/javascript">
	// 百度地图API功能
	function G(id) {
		return document.getElementById(id);
	}
	function showInfo(e){
		document.getElementById("