<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>自动调整视野</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
</head>
<body>
<div style="width:800px;height:400px;border:1px solid gray" id="container"></div>
</body>
</html>
<script type="text/javascript">
var map = new BMap.Map("container"); //地图容器
var points = [ //创建7个点
new BMap.Point(116.401801,39.912114),
new BMap.Point(116.402802,39.912225),
new BMap.Point(116.403803,39.912336),
new BMap.Point(116.404804,39.912447),
new BMap.Point(116.405805,39.912558),
new BMap.Point(116.406806,39.912669),
new BMap.Point(116.407804,39.912123)
];
var marker1 = new BMap.Marker(points[0]); //创建7个标注
var marker2 = new BMap.Marker(points[1]);
var marker3 = new BMap.Marker(points[2]);
var marker4 = new BMap.Marker(points[3]);
var marker5 = new BMap.Marker(points[4]);
var marker6 = new BMap.Marker(points[5]);
var marker7 = new BMap.Marker(points[6]);
map.addOverlay(marker1); //显示7个标注
map.addOverlay(marker2);
map.addOverlay(marker3);
map.addOverlay(marker4);
map.addOverlay(marker5);
map.addOverlay(marker6);
map.addOverlay(marker7);
map.centerAndZoom(points[6], 16); // 初始化地图，设置中心点坐标和地图级别
map.addControl(new BMap.NavigationControl()); //为地图添加鱼骨
var label = new BMap.Label("点击这个标注，展现7个标注的最佳视野",{position : points[6], offset: new BMap.Size(3,-6)}); //定义一个文字标签，注意1.2请用position
map.addOverlay(label);
marker7.addEventListener("click",function(){ //为marker7添加事件
map.setViewport(points);
});
</script>
分享到：
相关推荐
首先，"百度地图自定义标注"指的是在百度地图上添加非默认的图标或者内容，以满足个性化需求。这通常涉及到对百度地图JavaScript API的运用，通过创建自定义覆盖物（Overlay）来替代默认的标记（Marker）。覆盖物...
综上所述，通过百度地图API和jQuery，我们可以高效地在地图上展示多个标注点，并且与这些标注点关联丰富的信息。无论是简单的地理位置展示，还是复杂的交互式地图应用，都能借助这些技术轻松实现。在实际项目中，...
这个实例的核心功能是允许用户在文本框中输入经纬度坐标，然后在地图上相应的位置添加可自定义的标注。 【描述】中的知识点包括： 1. **VB6.0**: VB6.0是微软的老一代可视化编程工具，它提供了一种图形化界面来构建...
4. **标注创建与管理**：一旦确定了要在地图上显示的点，就可以使用百度地图API创建标注对象，并设置其位置、图标、标题等属性。同时，我们还需要管理这些标注，例如添加事件监听器以响应用户的交互。 5. **性能...
总的来说，"百度地图类库 - 标注管理器" 是一款强大的工具，对于需要在百度地图上处理大量标注的开发者来说，无疑是一个宝贵的资源。通过熟练掌握并运用这个类库，可以极大地提升地图应用的开发效率和用户体验。
在本项目中，我们主要探讨如何在百度地图API中实现点击地图上的标注点后弹出信息窗口的功能。这个功能在很多应用中都很常见，比如地理信息系统、导航软件、位置服务等，它能帮助用户获取地图上特定位置的详细信息。...
本项目“C#读取本地数据源数据，在百度地图上标注”旨在利用C#来实现从本地数据源获取数据，并将这些数据在百度地图上进行可视化标记。这个过程涉及到多个关键知识点，包括C#的数据访问、网络编程以及API调用。 ...
这篇博客"百度地图显示多个标注点"提供了关于如何实现这一功能的技术指南。以下是对该主题的详细解释： 1. **百度地图API简介**： 百度地图API是百度提供的一套用于开发地图应用的JavaScript接口，允许开发者通过...
在地图上标注点，我们可以创建一个OverlayItem对象，包含地理位置信息（latitude和longitude）和自定义的标题和子标题。然后，我们将其添加到MapOverlay对象中，MapOverlay是自定义的Overlay类，继承自MapView的...
基于JDBC从数据库中读取数据，在百度地图批量标注地点例程
地图标注在GIS中扮演着关键角色，它们不仅提供地理位置的详细信息，还能增强地图的视觉吸引力。例如，在导航系统中，标注可以显示街道名称、地点名称等，帮助用户更好地理解和定位。在自然资源管理、城市规划、环境...
百度地图标注数据量不大，希望直接读取excle生成标注；同时会有修改、编辑的需求。 项目分析 项目的没有难点，只有复杂度。如果是将标注信息固定在json或js文件中，即可实现；但是对于非编程人员，进行修改或者编辑...
地图标注聚合可选。用于需要选取地图标注且可以聚合。js工具代码有做修改 （MarkerClusterer.js，TextIconOverlay.js） 聚合图标上会显示聚合数量和已选数量， 已选标注会更改样式。 在html文件中设置好自己的百度ak...
在【描述】中提到，该插件能够根据地图坐标、地址、城市或IP地址对位置进行定位，并且用户可以直接在地图上拖拽保存地址坐标。这意味着用户无需复杂的编程知识，只需简单的交互操作就能完成地图上的标记工作。此外，...
其次，"范围内标注"是指在地图上选择一个特定的地理范围，然后在这个范围内添加标注。这通常涉及到以下几个步骤： 1. **范围选择**：通过经纬度坐标或者边界框来定义一个范围，例如，可以设定一个矩形区域，或者...
这通常涉及到将已知经纬度的位置在地图上以图标或者文字的形式显示出来，以便用户可以清晰地看到特定地点的信息。下面我们将深入探讨如何在Android应用中集成百度地图API，并实现标注功能。 首先，集成百度地图API...
百度地图标注api在地图上选择地址后获取地址和坐标,在marker标注上添加注释在百度地图容器中创建一个地图将地址解析结果显示在地图上,并调整地图视野/启用地图拖拽事件，默认启用(可不写)启用地图滚轮放大缩小启用...
4. **地图标注**：在地图上标注点通常需要提供经纬度坐标，以及可能的自定义信息（如图标、标题、信息窗口）。C#代码会解析TXT文件中的坐标信息，并调用百度地图API的标注接口创建地图上的标记。 5. **城市ID和城市...
1. **获取多个坐标点标注在地图上**：在网页上显示地图时，我们可能需要在地图上标出多个地点。百度地图API提供了一个名为`Marker`的类，用于创建地图上的标记。通过实例化`Marker`对象，并设置其坐标属性（经纬度）...