使用百度地图API创建多点标记示例

"百度地图案例展示了如何在网页中嵌入并使用百度地图API来创建一个交互式的地图应用。" 在上述代码中，我们看到的是一个简单的HTML页面，它利用了百度地图JavaScript API来创建地图、设置中心点、添加缩放控件以及在地图上放置标记。以下是关于这个案例的详细知识点： 1. **百度地图API**: 百度地图API是百度提供的一项服务，允许开发者在其网站或应用中嵌入地图功能，包括定位、地图展示、路径规划等。在这个案例中，API的引用通过`<script>`标签引入，`src="http://api.map.baidu.com/api?v=1.2"`，其中`v=1.2`表示使用的API版本。 2. **地图实例化**: `var map = new BMap.Map("container");` 这行代码创建了一个新的地图实例，"container"是地图容器的ID，即HTML中的`<div id="container">`。 3. **设置地图中心点**: 使用`new BMap.Point(116.404,39.915);`创建了一个地理坐标点（经度116.404，纬度39.915），这通常是北京的中心位置。然后，`map.centerAndZoom(point,15);`将地图的中心设置为该点，并设置了初始的缩放级别为15，级别15大约显示1公里范围内的细节。 4. **滚动缩放**: `map.enableScrollWheelZoom();`允许用户使用鼠标滚轮进行地图的缩放操作。 5. **添加标记**: `var marker;`定义了一个全局变量用于存储标记对象，`for`循环中创建了一系列的标记并添加到地图上。每个标记通过`new BMap.Marker(myArray[k])`创建，其中`myArray`包含了多个坐标点。 6. **InfoWindow**: `var infoWindow = new BMap.InfoWindow(k);`创建了一个信息窗口，显示内容为变量`k`的值。当用户点击标记时，会弹出这个信息窗口，这通过`addEventListener`监听点击事件实现。 7. **标注**: `marker.setLabel(new BMap.Label("",{offset:new BMap.Size(10,-40)}));`为标记添加了一个文本标签，标签的位置通过`offset`参数调整。 8. **导航控件**: `map.addControl(new BMap.NavigationControl());`在地图的左上角添加了导航控件，包括平移和缩放的功能。 这个案例提供了创建一个基础的、包含可点击标记的地图应用的示例。开发者可以根据需要扩展这个基础结构，添加更多的功能，如自定义标记图标、添加多边形、热力图等。