web app 开发：
demo
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="${ctx}/assets/img/logo.png">
<title>信息</title>
</head>
<body>
<input type="text" name="search_map" id="search_map" value="陕西西安" placeholder="西安">
<button type="button" onclick="codeAddress();">搜索</button>
经/纬度:
<input type="text" name="longitude" id="point_lng" placeholder="">
<input type="text" name="latitude" id="point_lat" placeholder="">
<button type="button" onclick="codeByll();">显示</button>
<div style="width:518px;height:300px" id="map"></div>
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=3484f488a1ae1fbadaeeacf21ebd52aa"></script>
<script>
/**
*dom 加载完成后，加载 map。
*/
$(document).ready(function(){
codeAddress();//
})
/**
*根据地址名称，显示标注。百度 map 定位
*/
function codeAddress(){
var addr= $("#search_map").val();
var marker;
// 百度地图API功能
var map = new BMap.Map("map");
// 创建地址解析器实例
var myGeo = new BMap.Geocoder();
// 将地址解析结果显示在地图上,并调整地图视野
myGeo.getPoint(addr, function(point){
if (point) {
$("#point_lng").val(point.lng);//经度 x轴
$("#point_lat").val(point.lat);//纬度 y轴
// alert(JSON.stringify(point));
map.centerAndZoom(point, 16);
map.enableScrollWheelZoom(true);//让地图支持滚轮缩放。
marker=new BMap.Marker(point);
map.addOverlay(marker);//添加marker
marker.enableDragging(); //可拖拽
marker.addEventListener("dragend", function(e){
$("#point_lng").val(e.point.lng);//经度 x轴
$("#point_lat").val(e.point.lat);//纬度 y轴
});//给地图添加点击事件。dragend
}
}, addr);
}
/**
*依据 坐标点，显示标注。
*/
function codeByll(){
var lng= $("#point_lng").val();//经度 x轴
var lat= $("#point_lat").val();
// 百度地图API功能
var map = new BMap.Map("map");
var point=new BMap.Point(lng,lat);//创建地图坐标点对象。
map.centerAndZoom(point,16);
map.enableScrollWheelZoom(true);
marker=new BMap.Marker(point);
map.addOverlay(marker);
marker.enableDragging(); //可拖拽
marker.addEventListener("dragend", function(e){
$("#point_lng").val(e.point.lng);//经度 x轴
$("#point_lat").val(e.point.lat);//纬度 y轴
});//给地图添加点击事件。dragend，click
}
</script>
</body>
</html>
分享到：
相关推荐
本文将深入探讨如何使用百度地图API实现自定义标注，帮助开发者们更好地展示地图上的特定位置信息。 首先，"百度地图自定义标注"指的是在百度地图上添加非默认的图标或者内容，以满足个性化需求。这通常涉及到对...
在【简单的例子】中，开发者可能已经演示了如何引入百度地图API库，创建地图实例，以及如何使用API进行基本的操作，比如定位、添加标注、绘制路线等。这个例子是初学者学习和理解百度地图API的一个很好的起点。 总...
在描述中提到的"百度地图小例子"，通常是指利用百度地图API开发的简单应用，可能是显示特定位置的地图、标记兴趣点或者进行路径规划等。开发者可以通过编写JavaScript代码，调用百度地图API提供的各种方法和事件，...
【百度地图API实例详解】 百度地图API（Application Programming Interface）是百度提供的一种地图服务接口，允许开发者通过编程方式调用地图功能，将其集成到自己的网站、应用或系统中。这个API提供了丰富的地图...
在Android平台上，开发基于百度地图API的应用程序是一个常见的任务，特别是在构建导航、定位或地理信息服务时。...通过学习和分析这个例子，你应该能更好地理解如何在Android应用中集成和使用百度地图API。
要开始使用百度地图API，最简单的方法是从一个简单的例子入手，即创建一个地图并显示出来。这个过程涉及到几个关键步骤： 1. **准备页面**：创建一个基本的HTML页面。 2. **引用API文件**：通过`<script>`标签将API...
在Android开发中，集成百度地图API是一个常见的需求，它能够为用户提供丰富的地图功能，包括地图显示、定位、路径规划等。本示例是开发者通过一周的努力整理出的全面调用百度地图API的Demo，旨在帮助开发者省去独立...
使用这个示例，开发者可以学习如何结合Qt和百度地图API，进一步开发出具有自定义功能的地图应用，如实时定位、路线导航、信息标注等。 总结来说，这个压缩包提供了使用Qt和百度地图接口开发地图应用的实例，涵盖了...
对于压缩包中的其他文件，如`pagination.rar`、`获取位置信息.rar`、`js百度地图api坐标地址标注功能.rar`和`Geocoding.zip`，它们可能包含了更复杂的示例或者完整的项目代码，可以结合这些资源进一步学习和实践地图...
在本示例中，我们关注的是“百度地图区域例子”，这是一个关于如何利用百度地图API创建不同类型的地图标注的实例。百度地图是中国领先的在线地图服务提供商，提供了丰富的地图API供开发者使用，包括地理位置查询、...
综上所述，"百度地图API简单例子"应该是一个涵盖了地图展示、定位、标注、路线规划和交互等基本功能的示例项目。通过学习和理解这个示例，开发者能够快速掌握百度地图API的基本用法，从而在自己的项目中灵活运用。
4. **性能优化**：尽管富标注提供了复杂的功能，但百度地图API仍然考虑了性能问题，通过合理的渲染和更新策略，确保在大量标注下仍能保持流畅的用户体验。 5. **兼容性**：基于JavaScript，富标注类在各种现代...
在本资源包中，我们主要关注的是"百度地图小demo例子以及课件"，这是一个针对初学者和开发者准备的学习资料，旨在帮助他们快速理解和应用百度地图API。下面将详细介绍其中包含的知识点，以及如何利用这些内容来提升...
本示例“百度地图的例子”聚焦于百度地图API的使用，涵盖了地图开发中的关键功能，如定位、覆盖物以及路径规划等核心模块。下面将详细介绍这些知识点。 1. **百度地图API**： 百度地图API是百度提供的一套用于开发...
infoBox是百度地图API中的一个组件，主要用于创建带有信息窗口的弹出框，用户可以在地图上点击特定的标注或位置点时显示详细信息，如地址、联系方式、图片、文字描述等。 infoBox的基本用法涉及以下几个关键步骤： ...
"Android百度地图例子"提供了2012年11月29日更新的官方示例代码，带有中文注释，覆盖了各种功能，是学习和实践百度地图API的好资源。下面将详细解析这个例子中涉及的知识点： 1. **百度地图API**：这是百度提供的...
总结来说，这个方法演示了如何结合PHP和JavaScript，利用百度地图API来动态展示多点标注的地图。这种方法适用于需要在地图上展示大量地理位置信息的场景，如商业地点分布、旅游景点导航等。通过灵活地调整JSON数据，...
这个例子，"百度脱机地图加载例子"，显然展示了如何在不依赖网络连接的情况下，利用百度地图API来显示地图数据。这在没有网络覆盖或者网络不稳定的情况下尤其有用，比如在偏远地区、地下室或者在节省数据流量时。 ...
1. 遵守使用条款：使用百度地图API时，必须遵守其使用条款，包括但不限于在使用中明确标注“数据来源：百度地图”、合理使用API调用次数等。 2. 性能优化：在大规模使用地图服务时，注意优化性能，避免过多的API...
**百度地图API**是开发者用来集成地图功能到自己应用程序中的工具集。这个API提供了丰富的功能，包括定位、路径规划、地图展示、地理编码、信息窗口、覆盖物等，使得开发者可以方便地在网页或者移动应用中实现地图...