`

百度地图Api进阶教程-基础地图示例1.html

 
阅读更多

   百度地图API:http://developer.baidu.com/map/

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>百度地图</title>


<script type="text/javascript">

	function initialize() {
		var map = new BMap.Map("allmap",{minZoom:12,maxZoom:20});            // 创建Map实例
		//map.centerAndZoom(new BMap.Point(116.4035,39.915),15);  //初始化时,即可设置中心点和地图缩放级别。
		map.centerAndZoom("成都",13);                     // 初始化地图,设置中心点坐标和地图级别。
		map.enableScrollWheelZoom(true);//鼠标滑动轮子可以滚动
	}
 
	function loadScript() {
	   var script = document.createElement("script");
	   script.src = "http://api.map.baidu.com/api?v=1.4&callback=initialize";
	   document.body.appendChild(script);
	}
 
	window.onload = loadScript;
</script>


</head>
 <body>
	<div style="float:left;width:100px;">1</div>
	<div id="allmap" style="width: 800px; height: 500px"></div>
</body>
</html>

<script type="text/javascript">
	// 移动到某点 map.panTo(new BMap.Point(116.409, 39.918));  
</script>

 

分享到:
评论

相关推荐

    asp.net调用百度地图

    通过这些基础和进阶的示例,我们可以看出在ASP.NET中调用百度地图API的广泛可能性。无论是简单的地图展示,还是复杂的地理信息处理,都能借助百度地图API实现。在实际开发中,根据项目需求,可以灵活组合和扩展这些...

    angularbaidumaps百度地图AngularJs指令示例

    通常包括`angular.js`、`angular-baidu-maps.min.js`以及百度地图API的JS文件。 **2. 配置依赖** 在你的AngularJS应用模块中注入`baiduMaps`模块,确保应用能使用这个指令集: ```javascript var app = angular....

    百度地图API开发指南

    《百度地图API开发指南》的PDF和PPT文件提供了详细的教程和示例,涵盖了从入门到进阶的所有知识点,对于想要涉足地图开发的程序员来说,是一份不可多得的参考资料。通过学习和实践,开发者可以轻松地将百度地图API...

    Echarts+百度地图_散点图完整版demo

    **ECharts + 百度地图 ...要将ECharts与百度地图API结合,首先需要在HTML中引入ECharts库和百度地图API的JavaScript文件,然后在JavaScript代码中配置ECharts实例,指定地图类型为百度地图,加载地图插件。 ```html ...

    ArcGIS JS 实现仿百度地图的距离量测和面积量测

    在本文中,我们将深入探讨如何使用ArcGIS JavaScript API(简称ArcGIS JS)来实现类似百度地图的在线距离和面积量测功能。ArcGIS JS 是Esri公司提供的一个强大的地图开发库,它允许开发者构建交互式的Web地图应用。...

    echarts帮助文档

    ECharts是一款由百度开源的,基于JavaScript的数据可视化库,它具有丰富的图表类型,美观的视觉效果,便捷的交互功能,以及强大的数据处理能力。在"echarts说明,及demo演示.zip"这个压缩包中,我们可以预见到包含的...

    如何在网页中插入百度地图

    创建完成后,您将获得一个API Key,用于在网页中调用百度地图API。 #### 二、实现步骤 接下来,我们按照以下三个步骤来实现在网页中插入百度地图的功能。 ##### 第一步:引入百度地图API 在网页的`&lt;head&gt;`部分...

    incubator-echarts-2.2.1.zip

    - 在线教程:许多在线教育平台和博客都有ECharts的教程,可以帮助初学者快速入门。 6. **实践应用**: - 在企业管理中,ECharts可用于财务分析、销售报告、项目进度监控等场景。 - 在网站统计中,可以展示网站...

    pyecharts_doc_v1.9.0.pdf (最新带标签完美版)

    1. 简洁的API设计,支持链式调用,使得代码编写更加流畅。 2. 提供了30多种图表类型,满足各种数据展示需求。 3. 兼容Jupyter Notebook和JupyterLab,方便在数据分析环境中使用。 4. 能够无缝集成到Flask和Django等...

    报表技术-图形报表-Echarts(含代码、文档).zip

    文档是理解和掌握ECharts的关键,包含了详细的API介绍、实例教程、配置项说明等。在学习过程中,结合提供的代码示例和文档,能够快速上手并深入理解ECharts的使用。 总之,ECharts是一个强大且灵活的图表库,无论你...

    pyecharts使用指导说明书

    6. **强大的地图支持**:包含 400 多种地图文件以及原生的百度地图支持,极大地增强了地理数据可视化的可能性。 #### 三、安装与使用 ##### 1. 查看版本 在使用 PyEcharts 之前,可以通过以下方式查看已安装版本: ...

    echarts官网实例

    ECharts 是一个由百度开发的开源JavaScript数据可视化库,它提供了丰富的图表类型、灵活的交互效果和精美的视觉设计。ECharts 的名字来源于 "Enterprise Charts" 的缩写,旨在为企业级应用提供强大的数据展示能力。...

    工具-图表:e-charts

    ECharts是由百度开发的一款基于JavaScript的数据可视化库,它具有丰富的图表类型,灵活的交互功能以及高度自定义的能力。在本文中,我们将深入探讨ECharts的基本概念、特点以及如何利用它来创建图表,特别是在改变...

    pyecharts_doc_v1.7.1.pdf

    - 支持400+的地图文件及原生百度地图,特别适合进行地理数据可视化。 3. pyecharts版本: pyecharts分为两个主要版本:v0.5.X和v1。v0.5.X版本支持Python2.7和Python3.4及以上版本,但已不再进行维护。v1版本是一个...

    可视化面板公开课资料.zip

    ECharts是由百度开发的一个开源JavaScript图表库,支持丰富的图表类型,如折线图、柱状图、饼图、散点图等。ECharts基于HTML5 Canvas,具备高性能、易用性、灵活性等优点,适用于各种浏览器环境。其API详尽,提供了...

Global site tag (gtag.js) - Google Analytics