百度地图API的第一次接触——自定义控件

1.定义一个控件类,即function function ZoomControl(){ // 设置默认停靠位置和偏移量 this.defaultAnchor = BMAP_ANCHOR_TOP_LEFT; this.defaultOffset = new BMap.Size(10, 10); } 2.通过JavaScript的prototype属性继承于BMap.Control ZoomControl.prototype = new BMap.Control(); 3.自定义控件必须实现自己的i…

百度地图API的第一次接触

因为项目的需求,第一次接触了百度API. 第一步:引用百度地图API的脚本如果在局域网环境中,要把地图文件和js文件都要下载下来 <script type="text/javascript" src="http://api.map.baidu.com/api?key=*****************&v=1.0&services=false"></script> 这个要去百度开发者中心申请KEY 第二步:建立一个你随便取名…

百度地图API的第一次接触——地图事件

0.初始化地图 var map = new BMap.Map("container"); var point = new BMap.Point(116.404, 39.915); map.centerAndZoom(point, 15); 1.定义事件处理函数 function clickEventHandler(){ alert("你点击了地图"); } 2.添加事件 map.addEventListener("click",clickEven…

百度地图API的第一次接触——标注和信息窗的使用

1.定义js函数,用于在指定位置添加标注,在标注位置添加并打开信息窗口 function addMarker(point, index){ // 创建图标对象 var myIcon = new BMap.Icon("http://api.map.baidu.com/img/markers.png", new BMap.Size(23, 25), { offset: new BMap.Size(10, 25), // 指定定位位置 imageOffset: new BMap.Size(0…

百度地图API的第一次接触——热区

1.代码很简单 var map = new BMap.Map("container"); var point = new BMap.Point(116.404, 39.915); map.centerAndZoom(point, 15); map.addControl(new BMap.NavigationControl()); map.addControl(new BMap.ScaleControl()); map.addControl(new BMap.OverviewMapCon…

百度地图API的第一次接触——右键菜单

1.初始化地图 var map = new BMap.Map("container"); var point = new BMap.Point(116.404, 39.915); map.centerAndZoom(point, 15); window.setTimeout(function(){ map.panTo(new BMap.Point(116.409, 39.918)); }, 2000); map.addControl(new BMap.NavigationControl…

百度地图API示例之添加自定义控件

代码 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style t…

百度地图api添加自定义控件

官网栗子:http://lbsyun.baidu.com/jsdemo.htm#b0_6 <!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0,…

百度地图api简单使用方法

百度地图API的使用方法百度地图API 开始学习百度地图API最简单的方式是看一个简单的示例.以下代码创建了一个520x340大小的地图区域并以天安门作为地图的中心: 1. <html> 2. <head> 3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 4. <title>Hello, World</titl…

百度地图API的使用方法

百度地图API 开始学习百度地图API最简单的方式是看一个简单的示例.以下代码创建了一个520x340大小的地图区域并以天安门作为地图的中心: 1. <html> 2. <head> 3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 4. <title>Hello, World</title> 5. <sc…

百度地图API开发指南

简介什么是百度地图API? 百度地图API是一套由JavaScript语言编写的应用程序接口,它能够帮助您在网站中构建功能丰富.交互性强的地图应用.百度地图API包含了构建地图基本功能的各种接口,提供了诸如本地搜索.路线规划等数据服务. 面向的读者 API是提供给那些具有一定JavaScript编程经验和了解面向对象概念的读者使用.此外,读者还应该对地图产品有一定的了解. 您在使用中遇到任何问题,都可以通过API贴吧或交流群反馈给我们. 获取API 地图API是由JavaScript语言编写的,…

百度地图API使用介绍

百度地图API位置偏移的校准算法

转自极客人原文百度地图API位置偏移的校准算法在开始使用百度地图API进行开发时可能会遇到一件相当奇怪的事情,使用百度定位的经纬度在地图上显示相当不准确,这一问题我在微信开发和安卓开始时都遇到过.第一次使用百度地图api获取位置并在地图上显示是在微信开发的时候,那是不知道具体原因无奈在微信获取的地理位置上加了一个偏移量进行校准,虽能勉强解决,但是不太准确.后来在安卓开始也同样遇到了这个问题,才发现百度地图API定位偏移已经不是一个偶然问题了. 百度地图API定位偏移的原因以下来自互联网:…

百度地图api

引入js <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=F2b7da9b79e6a33c4b927285590eef97"></script> <script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo…

C#调用百度地图API经验分享（一）

最近客户提了一个需求,要在网站中添加百度地图的显示,其实原来是有谷歌地图的,但由于谷歌在大陆遭到封杀,只好再给用户增加一个选择了. 下面我将自己最近整理的一些知识分享给大家. 如何使用百度地图API: 1.要先引用API库的链接: eg:<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script> <script…

[ActionScript 3.0] AS3调用百度地图API

package { import baidu.map.basetype.LngLat; import baidu.map.basetype.Size; import baidu.map.config.Anchor; import baidu.map.control.base.Navigator; import baidu.map.control.base.Overview; import baidu.map.control.base.Ruler; import baidu.map.control…

在XAF(ASP.NET)中以ListEditor的形式调用百度地图API

因为项目需要,在系统中使用地图显示设备的地理位置.考虑过ArgGIS,Bing和Baidu地图.本来想用ArgGIS,看教程嫌麻烦.所以还是用Web地图吧.Bing的话还要申请个key,没心情.百度地图刚好有人申请了,所以我用Baidu地图.毫无逻辑的根据.权且当练手.貌似Bing地图更好点,后面会具体权衡下的.废话不多说. 做了一个下午,参考了以下几个很有用的网站: 1.How to use Google Maps inXAF ASP.NET application https://www.…

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

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

数据视化Echarts+百度地图API实现市县区级下钻

开始这两天公司有个页面需要做数据可视化的展示,数据视化采用的是Echarts+百度地图API做展示,需要用到县级区级下钻的一个联动效果发现网上关于Echarts做到县区级下钻的资料很少,有的话也不是很详细,对于刚接触Echarts的让人来说可能有些搞不明白,在这里我把Echarts下钻开发过程中总结的知识分享给大家,也能使自己加深印象,当然啦,对于一些在软件行业折腾了几年的老油条来说,这些都是一些非常基础的东西.但是还是希望能帮助到那些刚接触Echarts遇到类似问题需要帮助的人.如果哪里写的…

百度地图api基本用法

首先 ,如果想调用百度地图api,你需要获取一个百度地图api的密钥. 申请密钥很简单,在百度地图api的首页就有相关链接,填写相关信息百度就会给你一个密钥了. 接下来,就是引入百度地图的api 关键代码如下: <script type="text/javascript" src="http://api.map.baidu.com/api?ak=yourkey&v=2.0&services=false"></script> 接…

百度地图API的学习

我们可以进入百度API的网站学习百度地图API:http://dev.baidu.com/wiki/map/index.php,看完这些你应该基本上会掌握了,还有一些显示地图中一些很神奇的效果,需要一些别人写好的类库,我们可以查看学习,并下载其API源代码:http://dev.baidu.com/wiki/map/index.php?title=MapLibrary 以下是自己在学习中所写的测试代码,有详细的注解,希望对大家学习有所帮助: <!DOCTYPE HTML PUBLIC "-…

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

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

使用百度地图API进行坐标系转换

最近在做移动APP的定位功能的时候发现系统GPS获取的位置信息再从百度地图API获取的实际地址总是有误差,偏离了好几个街道,但百度地图本身没这个问题.在网上查找一番发现了地图的坐标系一说,下面简单介绍一下主流的坐标系: 1.GCJ-02 俗称火星坐标系,由中国国家测绘局制订的地理信息系统的坐标系统.一般中国官方发布的地图上标注的经纬度都是这种坐标系的,与实际经纬度有偏差. 2.WGS84:World Geodetic System 1984,俗称地球坐标系,是为GPS全球定位系统使用而建立的…

初试百度地图API

第一次使用百度地图API来定位并显示,参照了官网2.1.0版本demo里的DemoApplication和LocationOverlayDemo两个类来写,整了半天显示一片空白(图一),然后郁闷了半天,问了百度地图SDK交流群里的开发者,大家都说这两个类就可以了,然后我就头疼了半天,最后让人看了半天,一姐们告诉我没加这个权限,加上了之后果然显示出地图了,但是又遇见一个问题,只显示北京市的,不自动定位(图二),然后又蛋疼了半天,最后在群里问了半天,另一个姐们说是不是application和serv…

百度地图API的基本用法

首先 ,如果想调用百度地图api,你需要获取一个百度地图api的密钥. 申请秘钥的步骤: 1.搜索百度地图: 2.进入后,先登录然后点击申请密钥: 3. 4.申请成功,拥有密钥有了密钥之后,引入百度API 列: 1.首页——>开发文档——>web开发——>javascript API 百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口,可帮助您在网站中构建功能丰富.交互性强的地图应用,支持PC端和移动端基于浏览器的地图应用开发,且支持HTML5特性…

百度地图API简单应用——1.根据地址查询经纬度

这几天比较空闲,就接触了下百度地图的API(开发者中心链接地址:http://developer.baidu.com),发现调用还是挺方便的.只要简单几步注册下,就可以获得一个Key,就能直接调用(PS:好像1.3版本前的无需注册获取key,就能直接调用api). 想着能结合到自己的项目中去,那也挺不错的.看了园子中的几篇文章,感觉甚好,想自己也动手试试.在调用百度地图API的时候,经纬度的获取必然是关键,那么怎么样获取到经纬度的值呢?这是一个最首要解决的问题.通过查询资料,看了几个例子,得知了…

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 基本用法

百度地图百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口,可帮助您在网站中构建功能丰富.交互性强的地图应用,支持PC端和移动端基于浏览器的地图应用开发,且支持HTML5特性的地图开发. 百度地图JavaScript API支持HTTP和HTTPS,免费对外开放,可直接使用.接口使用无次数限制.在使用前,您需先申请密钥(ak)才可使用首先 ,如果想调用百度地图api,你需要获取一个百度地图api的密钥. 如何申请秘钥? 1,百度地图开放平台 | 百度地图A…

通过netty把百度地图API获取的地理位置从Android端发送到Java服务器端

本篇记录我在实现时的思考过程,写给之后可能遇到困难的我自己也给到需要帮助的人. 写的比较浅显,见谅. 在写项目代码的时候,需要把Android端的位置信息传输到服务器端,通过Netty达到连续传输的效果,如下: 我们可以先来看看百度地图官方给出的相关代码 public class MainActivity extends AppCompatActivity { private MapView mMapView = null; private BaiduMap mBaiduMap = null;…

百度地图API的使用

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

【百度地图API的第一次接触——自定义控件】的更多相关文章