百度地图api

百度地图BMap API实例

时间秒杀一切 提交于 2020-03-29 22:37:04
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Simple Map</title> <style type="text/css"> body, html {width: 100%;height: 100%;margin:0;font-family:"微软雅黑";} p{margin-left:5px; font-size:14px;} </style> <script type="text/javascript" src="http://api.map.baidu.com/api?ak=申请的Key&v=2.0&services=false"></script> </head> <body> <div id="content" class="content"> <input type="text" value="" id="keyword" /> <input type="button" name="" id="" value="查询" onclick="search()

js 百度地图

扶醉桌前 提交于 2020-03-02 10:33:16
百度地图JavaScript API http://lbsyun.baidu.com/index.php?title=jspopular JavaScript API v2.0类参考 http://lbsyun.baidu.com/cms/jsapi/reference/jsapi_reference.html Demo参考 https://www.cnblogs.com/gzbit-zxx/p/10808957.html 来源: https://www.cnblogs.com/enych/p/12393935.html

百度地图api

谁说我不能喝 提交于 2020-02-20 08:02:20
参考资料:http://weidyhzw.blog.163.com/blog/static/17587540201311190817231/ 实例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta name="keywords" content="百度地图,百度地图API,百度地图自定义工具,百度地图所见即所得工具" /> <meta name="description" content="百度地图API自定义地图,帮助用户在可视化操作下生成百度地图" /> <title>百度地图API自定义地图</title> <!--引用百度地图API--> <style type="text/css"> html,body{margin:0;padding:0;} .iw_poi_title {color:#CC5522;font-size

前端调用百度API

旧巷老猫 提交于 2020-02-20 07:14:06
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script> <!--调用百度地图api--> <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"> </script> <title></title> <style> /*服务网点*/ #wrap { width: 1196px; height: 540; margin: auto; overflow: hidden; } #wrap div ._left { width: 281px; float: left; height: 339px; border-right: 1px solid #CCCCCC; } #wrap ul { width: 1196px; height: 50px; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; margin-bottom: 57px; } /*搜索框城市*/ #input { width:

js调用百度地图api

我的未来我决定 提交于 2020-02-20 06:12:04
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script> <!--调用百度地图api--> <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"> </script> <title></title> <style> /*服务网点*/ #wrap { width: 1196px; height: 540; margin: auto; overflow: hidden; } #wrap div ._left { width: 281px; float: left; height: 339px; border-right: 1px solid #CCCCCC; } #wrap ul { width: 1196px; height: 50px; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; margin-bottom: 57px; } /*搜索框城市*/ #input { width:

js调用百度地图api

我们两清 提交于 2020-02-20 06:09:08
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script> <!--调用百度地图api--> <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"> </script> <title></title> <style> /*服务网点*/ #wrap { width: 1196px; height: 540; margin: auto; overflow: hidden; } #wrap div ._left { width: 281px; float: left; height: 339px; border-right: 1px solid #CCCCCC; } #wrap ul { width: 1196px; height: 50px; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; margin-bottom: 57px; } /*搜索框城市*/ #input { width:

百度地图API-覆盖物

三世轮回 提交于 2020-02-20 05:42:54
这两天一直在研究百度地图开放平台的各种好玩的东西,闲暇之余自己动手体验了一番,果然是妙趣横生,而且还可以自定义理想中的地图,不得不说,百度地图的开放平台为我们的应用提供了很多的便利,之前我们已经学习了地图的基础应用和相关的控件的使用,今天,我们继续深入学习,百度地图API给我们提供的覆盖物。 一、地图覆盖物概述: 所有叠加或覆盖到地图的内容,我们统称为地图覆盖物。如标注、矢量图形元素(包括:折线和多边形和圆)、信息窗口等。覆盖物拥有自己的地理坐标,当您拖动或缩放地图时,它们会相应的移动。 地图API提供了如下几种覆盖物: Overlay:覆盖物的抽象基类,所有的覆盖物均继承此类的方法。 Marker:标注表示地图上的点,可自定义标注的图标。 Label:表示地图上的文本标注,您可以自定义标注的文本内容。 Polyline:表示地图上的折线。 Polygon:表示地图上的多边形。多边形类似于闭合的折线,另外您也可以为其添加填充颜色。 Circle: 表示地图上的圆。 InfoWindow:信息窗口也是一种特殊的覆盖物,它可以展示更为丰富的文字和多媒体信息。注意:同一时刻只能有一个信息窗口在地图上打开。 可以使用map.addOverlay方法向地图添加覆盖物,使用map.removeOverlay方法移除覆盖物,注意此方法不适用于InfoWindow。 二、标注: 标注表示地图上的点

【百度地图API】你看过房产地图吗?你知道房产标注是如何建立的吗?

天涯浪子 提交于 2020-02-20 05:38:51
你是不是看过很多房产网站?例如安居客,新浪乐居。 你是不是也想做一个能写文字的标注? 你知道怎么去实现麼? 其实,上图这样的标注是一个“自定义覆盖物”。你可以任意指定它的样式,文字,图片等等。 首先,我需要初始化地图: var mp = new BMap.Map( " map_container " ); var point = new BMap.Point( 116.3964 , 39.9093 ); mp.centerAndZoom(point, 15 ); 然后,我建立两个自定义覆盖物: var myCompOverlay = new ComplexCustomOverlay( new BMap.Point( 116.407845 , 39.914101 ), " 天安门东 " ); var myCompOverlay2 = new ComplexCustomOverlay( new BMap.Point( 116.406946 , 39.911403 ), " 国家博物馆 " ); 对自定义覆盖物定义:(包括样式、图片、位置偏移等等) // 复杂的自定义覆盖物 function ComplexCustomOverlay(point, text){ this ._point = point; this ._text = text; } ComplexCustomOverlay

百度地图web api使用案例

笑着哭i 提交于 2020-01-16 12:27:42
效果如下: 1.获取位置的经纬度: 如坐标:114.110033,22.541098 获取经纬度: http://api.map.baidu.com/lbsapi/getpoint/index.html 2.html代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="百度地图,百度地图API,百度地图自定义工具,百度地图所见即所得工具" /> <meta name="description" content="百度地图API自定义地图,帮助用户在可视化操作下生成百度地图" /> <title>公司地图</title> <!--引用百度地图API--> <style type="text/css"> html,body { margin:0; padding:0; } .iw_poi_title {

百度地图API详解之地图坐标系统

痞子三分冷 提交于 2019-12-21 04:38:48
  我们都知道地球是圆的,电脑显示器是平的,要想让位于球面的形状显示在平面的显示器上就必然需要一个转换过程,这个过程就叫做 投影 (Projection)。在地球上我们通过经纬度来描述某个位置,而经过投影之后的地图也有自己的坐标系统,这篇文章就来详细介绍在百度地图API中涉及的各种坐标体系。 在百度地图API中,你需要了解如下坐标系: 经纬度:通过经度(longitude)和纬度(latitude)描述的地球上的某个位置。 平面坐标:投影之后的坐标(用x和y描述),用于在平面上标识某个位置。 像素坐标:描述不同级别下地图上某点的位置。 图块坐标:地图图块编号(用x和y描述)。 可视区域坐标:地图可视区域的坐标系(用x和y描述)。 覆盖物坐标:覆盖物相对于容器的坐标(用x和y描述)。 别被这么多的坐标系吓着,看完了后面的讲解相信你会逐渐理解它们。 经纬度 这个就不多说了,不熟悉的可以翻翻地理书。但需要注意的是即便同是经纬度坐标也可能属于不同的坐标体系。一般GPS设备获取的经纬度属于WGS84坐标系,这是一个比较通用的坐标体系。由于某些原因国内不能直接使用WGS84坐标,因此百度地图API的经纬度是经过加密偏移的。 平面坐标 前面说过,球面上的形状需要经过投影才能变换为平面上的形状,变换后就需要有一个平面坐标系统来描述地图上某个位置。百度地图API默认使用墨卡托投影(Mercator