fetch 百度地图API 跨域

2024-10-04

React + fetch API + 百度地图api + 跨域填坑

做项目遇到一个百度地图api 的跨域问题.由于使用fetch ,在调用类似 http://api.map.baidu.com/geocoder/v2/callback=renderReverse&location=39.983424,116.322987&output=json&pois=1&ak=您的ak 的时候,不可避免的出现了跨域问题. fetch(baseUrl + 'location=39,116&output=json&ak=您的ak&c

angular实现对百度天气api跨域请求

申请秘钥:http://lbsyun.baidu.com/apiconsole/key ,有个百度账号就行ak=开发者秘钥 url地址 :http://api.map.baidu.com/telematics/v3/weather?location=北京%E5%8C%97%E4%BA%AC&output=json&ak=tQydkkwXfEtSNgvAEHUr1v6u0GbXUvZo&&callback=JSON_CALLBACK var app=angular.mod

深入浅出百度地图API开发系列（3）：模块化设计

在前面两张简单介绍了百度地图API的基础知识和使用之后,我们来分析一下百度地图API的基本架构,了解一下基本架构可以帮助我们更清晰的了解API的功能和调用过程,也就可以帮助我们在实际开发中可以更方便的组织自己的代码.因为百度地图API内部有很多函数都是异步执行的,我们大家都知道js是单线程程序,所有异步代码的执行都必须在同步代码执行之后的.所以如果我们自己写代码进行API开发的时候,如果在同步代码中使用一些函数报错 undefined的话,很有可能就是API内部的异步代码未执行完造成的.这样的情

【百度地图API】如何批量转换为百度经纬度

原文:[百度地图API]如何批量转换为百度经纬度摘要: 百度地图API的官网上提供了常用坐标转换的示例.但是,一次只能转换一个,真的非常麻烦!!这里结合了官方的示例,自制一个批量转换工具,供大家参考. ------------------------------------------------------------------------------------------ 因为我没有GPS坐标,就拿谷歌坐标做个示例了. 首先要注意的是,百度和谷歌的经纬度坐标顺序是相反的. 比如,谷歌的

使用html5获取当前手机的经纬度，并接入百度地图API，查询出当前位置

最近项目需要,稍微研究一下html5获取当前地理位置的问题. 获取当前位置的经纬度很简单,一句代码就搞定 navigator.geolocation.getCurrentPosition(function (position) { longitude = position.coords.longitude; latitude = position.coords.latitude; }); 然后查阅百度地图API,很easy,也是几句代码就搞定的事 var map = new BMap.Map("

调用百度地图API的总结

因为项目要用到百度地图,所以先摸索了一下,各种功能官方都有文档,点击可查看,文章的话我就直接写我用到的功能例子了,要用可以直接复制粘贴~ 一.主要涉及到的几个接口(先申请密钥): 1.技术一:坐标转换API(转换成百度地图的经纬度) 官网地址:http://lbsyun.baidu.com/index.php?title=webapi/guide/changeposition 可以查看API用法及各参数含义 API服务地址:http://api.map.baidu.com/geoconv/v1/

Android端百度地图API使用详解

百度地图API简介百度地图移动版API(Android)是一套基于Android设备的应用程序接口,通过该接口,可以轻松的访问百度服务和数据,构建功能丰富.交互性强的地图应用程序. 百度地图移动版API不仅包含构建地图的基本接口,还提供了本地搜索.路线规划.地图定位等数据服务百度地图开发指南http://developer.baidu.com/map/index.php?title=androidsdk/guide/introduction 演示示例一.准备工作 1.注册百度开发者账号,创

百度地图API调用实例之地址标注与位置显示

之前弄了个谷歌地图API标注的调用实例,后来要求改成百度地图. 感谢主,通过网上资料(百度地图API,百度地图API详解之地图标注)收集及研究, 终于把百度地图标注和显示功能实现出来了,具体实现方法如下: 1.依然是要弄个地图自定义控件: <%@ Control Language="C#" AutoEventWireup="true" CodeBehind="BaiduMap.ascx.cs" Inherits="Web.User

【百度地图API】圣诞节里不会迷路的麋鹿——驾车导航

原文:[百度地图API]圣诞节里不会迷路的麋鹿--驾车导航任务描述: 可能大家还不知道,圣诞老人是爱迷路的老爷爷! 今年圣诞节又要到了,圣诞老人又要出来送礼物了.可是,他灰常的迷路呢! 还好,他有一只不会迷路的麋鹿…… 如何实现: 建立两个input文本框,分别获得圣诞老人输入的起点和终点. 当圣诞老人点击OK按钮后,先判断起点和终点文本框内是否为空,为空则需要提示圣诞老人重新输入. 不为空的情况下,进行查询驾车路线的工作. 如果没有查询到相应的起点和终点,则需要提示圣诞老人重新输入哦! TI

H5微信通过百度地图API实现导航方式一

根据业务需求修改百度API,实现微信中的导航功能.因为源码中SearchInfoWindow_min.js有点小问题(部分小城市公交线路少,查不到路线时没有提示),所以这里在源码的基础上改了一点点.可以参考http://lbsyun.baidu.com/index.php?title=open/library检索信息窗口类<!DOCTYPE html><html> <head> <meta charset="UTF-8"&g

乐卡上海网点地图制作心得 | 百度地图API使用心得

前言事情的起因是我的爱人喜欢收集一些美丽的乐卡(明信片的一种,正面是美丽壮阔的风景照).作为一个坚实的后盾自然要支持她!于是我经常借着午休穿梭在大街小巷,凭借乐卡官方提供的乐卡网点地址进行寻找并取卡.在搜寻过程中,萌生了制作一张基于那些地址的专门戳点地图的想法.期间也看到蚂蚁家制作的北京乐卡地图使用的是百度地图API,但是该网页仅能运行于PC端,手机打开巨卡.刚好我的github博客站最近配置完成了,准备自己也写一个. 材料单百度开放平台账号一个百度开放平台浏览器端启用了Javascrip

【转载】Android端百度地图API使用详解

转载地址:http://www.cnblogs.com/rocomp/p/4994110.html 百度地图API简介百度地图移动版API(Android)是一套基于Android设备的应用程序接口,通过该接口,可以轻松的访问百度服务和数据,构建功能丰富.交互性强的地图应用程序. 百度地图移动版API不仅包含构建地图的基本接口,还提供了本地搜索.路线规划.地图定位等数据服务百度地图开发指南http://developer.baidu.com/map/index.php?title=andro

百度地图API简介

百度地图API简介在此申明不是我写的,用的是别人的,仅限自己学习百度地图移动版API(Android)是一套基于Android设备的应用程序接口,通过该接口,可以轻松的访问百度服务和数据,构建功能丰富.交互性强的地图应用程序. 百度地图移动版API不仅包含构建地图的基本接口,还提供了本地搜索.路线规划.地图定位等数据服务百度地图开发指南http://developer.baidu.com/map/index.php?title=androidsdk/guide/introduction 演

百度地图API图标、文本、图例与连线

百度地图开放平台功能强大,使用简单,为地图的自定义提供了非常方便的途径! 本文以绘制一张全国机器辐射图为例记录其基本使用方法,效果如下图: 图中包括了带图标和文本的标注,连线以及图例. 1.关于坐标说到地图,不得不说坐标. 我以为,GPS获取经纬度之后,把经纬度丢给地图就可以了.但那真的是自以为. 1.1 坐标系来看看实际情况,以下是百度开发文档里的描述: 目前国内主要有以下三种坐标系: WGS84:为一种大地坐标系,也是目前广泛使用的GPS全球卫星定位系统使用的坐标系. GCJ02:又称火

JavaScript动态加载script方式引用百度地图API 拓展---JavaScript的Promise

上一篇博客JavaScript动态加载script方式引用百度地图API,Uncaught ReferenceError: BMap is not defined 这篇文章中我接触到一个新的单词:Promise,借此来记录一下它,引用来源:JS - Promise使用详解--摘抄笔记因为现在还不会jquery,就只看了原生js部分的内容. 一.promises相关概念 promises 的概念是由 CommonJS 小组的成员在 Promises/A 规范中提出来的. 1,then()方法

百度地图API的使用

------------------自说自话----------------------------- 好奇怪,习惯性使用有道云笔记记录心得与知识后就很少用博客园来记录了. 但是后来想想,有些东西还是要整理记录下来的好,多个备份也好. -------------------------------------------- 下面正题,最近公司项目用百度地图API较多.后面还有使用高德地图API,后续整理记录上. 1.初始化地图,并设置地图中心点 var map = new BMap.Map("a

吐槽贴：百度地图 api 封装的实用功能 [源码下载]

ZMap 类功能介绍 ZMap 是学习百度地图 api 接口,开发基本功能后整的一个脚本类,本类方法功能大多使用 prototype 原型实现: 包含的功能有:轨迹回放,圈画区域可编辑,判断几个坐标是否在一个圆圈内,生活服务查询,从经纬度获取地址信息,地图工具包括测距,获取面积,以积打印地图,地图全屏,实时路况,坐标是否在polygon区域内,打车方案,经过中间途经点,添加地图控件: 地图界面: ZMap.js 部分代码说明 /** * 百度地图 api 功能整合 * @author Glo

百度地图API 批量添加带检索功能的信息窗口

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf

百度地图api的覆盖物样式与bootstrap样式冲突解决办法

使用百度地图api 和 bootstrap ,发现标注样式出现了问题 label左侧宽度变得非常窄正常情况下应该是下面这样的: 原因是boostrap样式和百度地图样式冲突了. 解决办法: .baidu-maps label { max-width: none;}然后对应的map对应的div,加一个class ="baidu-maps" 这样就正常了

百度地图API试用--(初次尝试)

2016-03-17: 百度地图API申请key的步骤相对简单,不做过多阐述. 初次使用百度地图API感觉有点神奇,有些功能加进来以后有点问题,注释掉等有空再解决. 代码如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta http

fetch 百度地图API 跨域

热门专题