`
sniperzxl
  • 浏览: 8320 次
  • 性别: Icon_minigender_1
  • 来自: 长春
社区版块
存档分类
最新评论

在自己的网站中嵌入百度地图

阅读更多

百度地图的强大与丰富的功能相信大家都有目共睹,那么如何把这么好的东西集成到自己的网站中呢?

其实很简单,百度的javascript API提供了非常简单

百度地图应用官方地址:http://developer.baidu.com/map/jshome.htm

里面有详细的使用方法API和DEMO,本文只介绍一个基本的例子

第一步:引入baidu提供的js

<script type="text/javascript"
	src="http://api.map.baidu.com/api?v=1.5&ak=yourAK"></script>

 yourAK是您在百度申请的AK,申请方法在百度api里有写,很简单。

第二步:指定一个div生成地图

<div id="mapContainer"></div>
<script type="text/javascript">  
var map = new BMap.Map("mapContainer"); // 创建地图实例
var point = new BMap.Point(125.336871, 43.896823); // 创建点坐标
map.addControl(new BMap.NavigationControl());  //给地图添加控件   
map.addControl(new BMap.ScaleControl());     
map.addControl(new BMap.OverviewMapControl());     
map.addControl(new BMap.MapTypeControl());     
map.setCurrentCity("长春");  //地区区域
map.centerAndZoom(point, 17); // 初始化地图,设置中心点坐标和地图级别
map.enableScrollWheelZoom(); //让鼠标滚轮可以放缩地图
var marker = new BMap.Marker(point);        // 创建标注     
map.addOverlay(marker);  //在地图上添加标注
</script>

 

这样,地图就嵌入进来了,很简单。

说明一下:

1:地图级别,数字越大地图越详细,相当于地图放大。

2:中心坐标:百度地图坐标拾取http://api.map.baidu.com/lbsapi/getpoint/index.html

分享到:
评论

相关推荐

    wpf中插入百度地图

    为了在WPF中显示百度地图,你需要利用WebBrowser控件,这是一个内置的控件,能够嵌入Web页面到你的应用程序中。以下是一步一步的实现过程: 1. **添加WebBrowser控件**:打开你的WPF XAML设计视图,从工具箱中拖放...

    c# 调用百度地图API 代码示例

    将百度地图嵌入c# cs窗体中,cs后台控制百度地图: 1)用WebBrower控件加载本地的一个html文件,在html中实现加载百度地图 2)动态添加覆盖物 3)动态添加标签 4)动态添加点击小气球提示 5)经纬度提取详细地址 查...

    Qt5-嵌入百度地图demo

    在本文中,我们将深入探讨如何使用Qt5框架与WebEngineView组件来嵌入百度地图,以便在您的应用程序中集成地理定位功能。这个示例项目,"Qt5-嵌入百度地图demo",演示了如何利用Qt5.5的特性与百度地图API进行交互,...

    WinForm与百度地图交互

    在本文中,我们将深入探讨如何在Windows Forms(WinForm)应用程序中集成百度地图,并实现单点定位、多点定位以及线路规划等高级功能。WinForm是.NET Framework中的一个用户界面框架,它允许开发者创建桌面应用。而...

    MFC控件调用百度地图

    在Windows应用程序开发中,Microsoft Foundation Class (MFC)库是一个强大...这个过程需要对MFC编程和Web技术有一定了解,但通过上述步骤,你可以成功地在MFC应用中嵌入并使用百度地图服务,提供丰富的地图功能给用户。

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

    ### 如何在网页中插入百度地图 随着互联网技术的发展,地图功能已经成为许多网站不可或缺的一部分。无论是提供导航服务、展示地理位置还是增强用户体验,地图都扮演着重要角色。在中国市场,百度地图因其丰富的功能...

    百度地图API调用_实现百度地图动态搜索、静态地图动态插入

    实现百度地图动态搜索、静态地图动态插入 mygw@163.com js 内容如下: /** 加载地图的主控类 */ var MapControl={ staticWith : 512,//链接静态图宽度 staticHeight : 320,//链接静态图的高度 ...

    vue用BMap百度地图实现即时搜索功能

    在这个过程中,我们首先需要理解百度地图API的使用,以及如何在Vue项目中集成BMap百度地图API来实现即时搜索功能。以下是详细知识点: 1. 百度地图API的申请和使用 要使用百度地图的即时搜索功能,开发者需要先在...

    android百度地图嵌入flutter demo

    在Android应用开发中,将百度地图嵌入Flutter项目可以实现高效、流畅的地图功能。Flutter作为一个跨平台的开发框架,能够快速构建美观的应用程序,但有时需要与原生平台的组件进行交互,例如集成百度地图。本示例...

    C#百度地图API.rar_C#_C# 百度地图_fallq3k_地图 _百度地图API

    本压缩包"**C#百度地图API.rar**"提供了一套关于C#与百度地图API结合使用的参考资料,对于那些需要在自己的应用中集成地图功能的开发者来说非常有价值。下面将详细解释其中涉及的关键知识点: 1. **C#编程语言**: ...

    百度地图api_百度地图API_百度地图_

    百度地图API是开发者用来集成百度地图服务的一个强大工具,它允许程序员在自己的应用程序、网站或系统中嵌入地图功能,实现各种定制化的地理信息处理。通过使用百度地图API,开发者可以轻松地实现地图展示、定位、...

    cesium接入百度地图.rar

    百度地图API是一组面向开发者的工具,允许开发者在自己的网站或应用中嵌入百度地图服务,如地图展示、定位、路线规划等。它提供了JavaScript API、RESTful服务等多种接口,方便开发者调用地图服务。 3. **接入步骤...

    百度地图API实现热力地图

    在本教程中,我们将深入探讨如何使用Python编程语言结合百度地图API来实现热力地图的绘制。热力地图是一种有效的数据可视化工具,它通过颜色的深浅来展示特定区域的密度或活动强度,通常用于展示人口分布、交通流量...

    c# 调用百度地图API

    将百度地图嵌入c# cs窗体中,cs后台控制百度地图: 1)用WebBrower控件加载本地的一个html文件,在html中实现加载百度地图 2)动态添加覆盖物 3)动态添加标签 4)动态添加点击小气球提示 5)经纬度提取详细地址 查...

    百度地图地图钻取各省市县json以及demo

    核心技术之一是百度地图API,这是百度提供的地图开发接口,允许开发者在自己的应用程序中嵌入地图功能。百度地图API提供了丰富的地图操作和定制选项,如定位、标注、路线规划、地图样式定制等。在这个项目中,我们...

    百度地图获取代码

    本文主要讲解如何在网页中嵌入百度地图,并获取相应的代码,适用于那些需要在自己的网站上展示详细地址信息的企业或个人。 首先,我们需要访问百度地图生成器,这是一个用于创建和定制地图的工具。由于网址可能难以...

    基于VB的百度地图定位标注实例源码

    2. **百度地图API**: 百度地图API是百度提供的地理位置服务接口,允许开发者在其应用中嵌入地图,实现地图显示、定位、路线规划等功能。在这个实例中,API被用来获取并显示地图,并且响应用户的经纬度输入。 3. **...

    百度地图开发AK密钥

    开发者需要在应用中嵌入这个密钥,使得百度地图服务能够识别并允许请求。这通常涉及到在代码中设置AK,或者在服务器端配置请求时携带AK。同时,为了保证安全,应避免在公开源码或日志中暴露AK,以防被他人滥用。 ...

    百度地图(二维码)

    百度地图SDK是百度提供的一款用于移动应用开发的地图服务组件,它允许开发者在自己的应用程序中嵌入地图功能,包括但不限于地图显示、路线规划、地理编码、位置搜索等。开发者可以通过调用SDK提供的API来实现各种...

    利用百度地图API实现在地图车辆的平滑移动,轨迹回放,多台车辆同时平滑移动

    1. **百度地图API**:百度地图API是百度公司提供的一套Web服务接口,允许开发者在其网站或应用中嵌入地图功能,包括地图显示、定位、路径规划等。通过JavaScript API,开发者可以轻松地与百度地图进行交互,创建丰富...

Global site tag (gtag.js) - Google Analytics