简单的设置了几个属性,大体架子已经出来了。
具体可以参阅http://dev.baidu.com/wiki/map/index.php?title=%E5%BC%80%E5%8F%91%E6%8C%87%E5%8D%97
<html>
<head>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.1&services=false"></script>
<script type="text/javascript">
function MblogDotccMap(){
// 创建地图实例
var map = new BMap.Map("MblogMap");
//坐标到这里找http://dev.baidu.com/wiki/static/map/API/tool/getPoint/
var point = new BMap.Point(116.403856,39.914887);
map.centerAndZoom(point, 15); // 初始化地图,设置中心点坐标和地图级别
//添加一些控件
map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.OverviewMapControl());
// map.addControl(new BMap.MapTypeControl());
var marker = new BMap.Marker(point); // 创建标注
map.addOverlay(marker);
//滚轮事件
map.enableScrollWheelZoom(true);
var infoWindow = new BMap.InfoWindow("<img title='这里' alt='这里' src='http://www.iteye.com/upload/logo/user/483833/f73688df-27ad-38dc-8a56-06c465c9b6d5.jpg?1305767184' /><br/><span>I'am here.</span>"); // 创建信息窗口对象
marker.addEventListener("click", function(){ //给标注添加点击事件
this.openInfoWindow(infoWindow);
});
}
</script>
</head>
<body onload="MblogDotccMap();">
<div style="width:600px;height:450px;border:1px solid gray; float:left" id="MblogMap"></div>
<div id="results"></div>
</body>
</html>
分享到:
相关推荐
【安卓百度地图应用】 在移动应用开发领域,安卓百度地图应用是一个重要的实践案例,它结合了定位服务和地理闹钟功能,为用户提供便捷的导航和提醒服务。此应用基于百度地图API,允许开发者深入理解如何在Android...
本项目标题为“基于android的百度地图应用”,其描述指出该应用功能虽简单但实用,是学习的好材料。接下来,我们将深入探讨相关的知识点。 1. **Android编程基础**: - **Android SDK**: 开发Android应用的基础...
在Android应用开发中,百度地图API是一个非常实用的工具,尤其对于初学者而言,它提供了丰富的功能和易于理解的接口,使得开发地图相关的应用程序变得简单。本示例旨在帮助开发者快速掌握如何在自己的项目中集成并...
总的来说,百度地图API提供了一个强大而灵活的平台,使得开发者能够轻松地将地图功能集成到自己的应用中,无论是简单的地图展示还是复杂的地理位置服务,都能通过API轻松实现。只要熟悉API的基本用法和实例,就可以...
在移动应用开发中,百度地图SDK是一个至关重要的工具,它为开发者提供了丰富的地图功能,使得在Android平台上构建地图相关的应用程序变得简单易行。本篇将详细介绍"百度地图应用列表"的相关知识点,包括如何使用百度...
在IT行业中,地图定位服务...无论是简单的获取当前位置,还是复杂的轨迹追踪、区域监控,都可以通过集成百度地图API来实现。只要遵循正确的步骤,理解核心概念,并善用提供的资源,就能让应用具备强大的地图定位能力。
例如,一个简单的百度地图瓦片URL可能是这样的: ``` http://api.map.baidu.com/tile?&x={x}&y={y}&z={z}&type=map&from=webgl&ak=您的密钥 ``` 这里,`{x}`、`{y}`和`{z}`分别代表瓦片的横坐标、纵坐标和缩放级别...
在本文中,我们将深入探讨“百度地图简单Demo”这一主题,它涉及到百度地图API的使用,展示了如何实现地图的基本功能,如定位和模式切换。这些功能在日常开发中非常常见,对于构建交互式的Web应用或者移动应用至关...
总之,百度地图API是一个功能强大的开发工具,它可以帮助开发者构建各种与地图相关的应用,无论是简单的地图展示,还是复杂的路径规划和数据分析,都能得心应手。通过学习和掌握百度地图API,开发者可以为用户提供...
以下是一个简单的Cesium加载百度地图的示例代码片段: ```javascript var viewer = new Cesium.Viewer('cesiumContainer', { imageryProvider: new Cesium.UrlTemplateImageryProvider({ url : '...
本压缩包"**C#百度地图API.rar**"提供了一套关于C#与百度地图API结合使用的参考资料,对于那些需要在自己的应用中集成地图功能的开发者来说非常有价值。下面将详细解释其中涉及的关键知识点: 1. **C#编程语言**: ...
在描述中提到的"百度地图小例子",通常是指利用百度地图API开发的简单应用,可能是显示特定位置的地图、标记兴趣点或者进行路径规划等。开发者可以通过编写JavaScript代码,调用百度地图API提供的各种方法和事件,...
在本教程中,我们将深入探讨如何使用Python编程语言结合百度地图API来实现热力地图的绘制。热力地图是一种有效的数据可视化工具,它通过颜色的深浅来展示特定区域的密度或活动强度,通常用于展示人口分布、交通流量...
百度地图SDK 5.2.1是Android开发者构建地图相关应用的强大武器,其全面的功能和易用的API让地图服务的集成变得简单而高效。无论是定位、导航,还是个性化地图展示,开发者都能借助此SDK实现丰富的功能,提升应用的...
在Android应用开发中,百度地图SDK提供了一套完整的解决方案,帮助开发者轻松地集成地图功能,实现定位、导航、路线规划等多样化服务。本教程将详细讲解如何在Android项目中运用百度地图SDK,让应用程序具备地图展示...
这个压缩包包含了一个简单的Android项目,展示了如何在应用中使用百度地图SDK。以下是对这个例子的详细解读: 1. **百度地图SDK简介**:百度地图SDK是百度提供给开发者用于在Android应用中集成地图功能的开发工具包...
本教程将详细介绍如何简单地使用百度地图API实现定位功能。 ### 一、获取API密钥 首先,要使用百度地图API,你需要在百度地图开放平台(http://lbsyun.baidu.com/)注册一个账号,并创建一个应用。在这个过程中,...
本文将深入探讨如何实现一个简单的百度地图应用,并分享相关知识。 首先,我们需要在项目中引入百度地图SDK。在Android Studio中,可以通过Gradle依赖来添加: ```groovy dependencies { implementation '...
总的来说,百度地图SDK是一个强大且易用的工具,为开发者提供了全面的地图功能,使得构建具有地图功能的安卓应用变得简单高效。通过深入理解和熟练运用这些知识点,开发者可以创建出功能丰富、用户体验优秀的地图...