引用百度地图完成基本开发及实用控件使用

最新推荐文章于 2025-05-06 09:57:56 发布

多多_duoduo

最新推荐文章于 2025-05-06 09:57:56 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

文章标签：前端 javascript

本文链接：https://blog.youkuaiyun.com/weixin_40779234/article/details/106543506

首先了解百度地图开放平台，官网文档包含Web开发、Android开发、iOS开发、服务接口、开发者工具，介绍全面，需要深入学习的伙伴可以仔细查阅，本文主要讲解Web开发JavaScript API。

如何快速开始地图开发：

申请百度账号和ak
点我申请
准备页面

  <!DOCTYPE html>

适应移动端页面展示

  <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

设置容器样式

<style type="text/css"> 
 	html{
   
   height:100%}    
 	body{
   
   height:100%;margin:0px;padding:0px}    
 	#container{
   
   width:60%;height

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

多多_duoduo

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

QT调用百度离线地图

01-23

QT调用百度离线地图是将QT框架与百度地图API结合，实现在本地不依赖网络的情况下展示和操作地图的功能。这个教程或项目适用于初学者，因为它提供了基础且实用的示例，帮助开发者快速掌握如何在QT应用中集成地图功能...

百度地图开发指南

06-24

百度地图API开发指南是一份针对开发者使用百度地图API进行网页和移动平台地图应用开发的官方文档。它涵盖了从基础地图展示到复杂交互功能的实现，为开发者提供了构建地图应用所需的所有功能接口和示例代码。首先，...

2 条评论您还未登录，请先登录后发表或查看评论

百度地图WebGL，解决new BMapGL.CustomOverlay上触发 marker 的点击事件

weixin_39170410的博客

10-24

1198

WebGL中 infoWindow 窗体的层级小于 marker 造成的影响，有概率触发被遮挡的 marker 点击事件

百度地图api的使用

weixin_54364006的博客

07-07

862

【代码】百度地图api的使用。

百度地图API应用教程与实战

最新发布

weixin_42327217的博客

05-06

1199

百度地图API是一套由百度公司提供的地图服务接口，它允许开发者在应用程序中嵌入地图、搜索地点、规划路径等丰富的地图服务功能。通过这些接口，开发者可以实现地理位置信息的获取、地点搜索、路径规划等操作，无需自行构建复杂的基础地图服务，从而可以专注于应用的核心业务逻辑开发。在移动应用或者网页中嵌入百度地图，第一步就是要加载并展示地图。首先，需要在页面中引入百度地图API的JavaScript代码。接着，利用百度地图提供的API创建一个地图实例，并指定地图容器以及地图中心点和初始缩放级别。

百度地图创建多个Marker标注和标签并设置监听事件

weixin_46305078的博客

11-27

4899

百度地图版本不同，里面的函数有些区别，我用的是 <script type="text/javascript" src="//api.map.baidu.com/api?v=3.0&ak=秘钥"></script> 这个版本创建百度地图需要用 map = new BMapGL.Map(“allmap”); 另一个版本也可以用，但是这个版本创建地图是，目前来说两个地图所用的函数都差不多，但是在创建矢量图标的时候会有区别。所以我现在的标注图标是服务器取出来的一张图片，而不是sv.

VUE + JavaScript API GL实现百度地图的自定义覆盖物、自定义小图标、折线、点

weixin_46447771的博客

08-29

1517

记录一下自己学习百度地图写的代码。

高端百度地图开发1：自定义水滴头像（自定义标注覆盖物、Overlay覆盖类）

漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）

08-11

1290

自定义标注覆盖物（Custom Overlay）是百度地图中的一种功能，它允许开发者在地图上绘制自定义的标记物，以更符合自己的业务需求和设计风格。通过自定义标注覆盖物，你可以在地图上添加各种类型的标记，如图标、文字、线条等，以丰富地图展示的内容。相比于普通的地图标注，自定义标注覆盖物具有更高的灵活性和可定制性。

Android中使用百度地图API开发应用时的基本步骤.pdf

07-10

本文主要阐述了在Android中利用百度地图API进行应用开发的基本步骤。 1. **申请API Key (AK)** 使用百度地图SDK之前，首先要注册成为百度地图开放平台的开发者。登录lbsyun.baidu.com/apiconsole/key，创建新的...

C#开发电子地图使用百度API教程

综上所述，本篇文档涵盖了从C#在电子地图开发中的基本应用，到百度API的详细使用方法，再到GIS基础知识的介绍。理解并掌握这些知识点，对于进行电子地图开发的IT专业人士而言，是至关重要的。通过深入学习和实践，...

vue中使用百度webgl地图以及踩坑记录

猫七先生的博客

03-05

3191

百度webgl地图简单使用教程，初始化、添加marker和自定义覆盖物以及设置个性化主题等

基于百度地图api清除指定覆盖物(Overlay)的方法

08-28

下面小编就为大家分享一篇基于百度地图api清除指定覆盖物(Overlay)的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

js实现百度地图的自定义marker与css3动画的交互

weixin_63454527的博客

11-04

1859

js实现百度地图的自定义marker与css3动画的交互

百度地图新手教程4（转载自百度）

weixin_30273931的博客

01-05

274

百度地图API>JavaScript API>开发指南概述开发指南简介 Hello World 控件覆盖物事件地图图层工具服务类参考V1.4 示例DEMO 更新日志常见问题相关下载覆盖物 1.地图覆盖物概述 2.标注 3.信息窗口 4.折线 5....

vue项目引入百度地图BMapGL鼠标绘制和BMap辅助工具

qq_38334677的博客

02-06

4875

Vue.js 是一个用于构建用户界面的渐进式 JavaScript 框架。它旨在平易近人、灵活且可扩展，重点是声明式渲染和基于组件的架构。Vue 的反应性和可组合性使其成为开发复杂单页应用程序的热门选择。

百度地图 - 使用数据可视化MapVGL

小小的前端

02-14

8331

简介在地图项目的开发中，往往会伴随大量的数据展示。这时候使用地图api提供的覆盖物函数绘制元素，在页面上会生成大量的DOM元素导致页面变卡。为了解决大量数据展示，百度地图开发了一套处理数据可视化的框架MapVGL。使用webGL的技术在canvas中绘制图形，能有效的提高页面性能。 MapVGL MapVGL，是一款基于WebGL的地理信息可视化库，可以用来展示大量基于3D的地理信息点线面数据。设计初衷主要是为了解决大数据量的三维地理数据展示问题及一些炫酷的三维效果。而且支持three.js，就是说

百度地图 - 自定义ECharts覆盖物

小小的前端

02-14

1595

简介在开发地图可视化页面时，产品想在城市的对应位置展示一个统计图。这时候先不要慌，大声的说你是在哪抄的这个需求。好看到页面了，就没有前端人不会（抄的）开发的。研究后发现使用的是，百度地图api自定义了ECharts覆盖物。覆盖物在百度地图中所有的覆盖物都继承Overlay，所以我们通过继承基类实现自定义覆盖物。 initialize()，用于初始化覆盖物，当调用map.addOverlay时，API将调用此方法。 draw()，当地图状态发生变化时，由系统调用对覆盖物进行绘制。 show()，显

百度地图自定义覆盖物添加与删除，ComplexCustomOverlay方法添加自定义覆盖物

weixin_44849078的博客

04-17

4685

百度地图自定义覆盖物添加和删除

百度地图开发，自定义各省、市、区的边界样式

peipeipei111的博客

12-18

961

百度地图开发，自定义各省、市、区的边界样式（颜色、宽度）