地图api

百度地图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

百度地图

由 送分小仙女□ 提交于 2020-02-20 07:53:19
<!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" /> <title>无标题文档</title> </head> <!--引用百度地图API--> <style type="text/css"> .iw_poi_title { color: #CC5522; font-size: 14px; font-weight: bold; overflow: hidden; padding-right: 13px; white-space: nowrap } .iw_poi_content { font: 12px arial, sans-serif; overflow: visible; padding-top: 4px; white-space: -moz-pre-wrap; word-wrap: break-word } </style> <script

前端调用百度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

高德地图定位+圆圈动画

由 廉价感情. 提交于 2020-02-17 08:47:54
<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"> <title>浏览器精确定位</title> <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" /> <style> html,body,#container{ height:100%; } .info{ width:26rem; } .amap-icon img, .amap-marker-content img{ width: 20px; height: 30px; } </style> <body> <div id='container'></div> <div class="info"> <h4 id='status'></h4><hr> <p id='result'></p><hr> <p >由于众多浏览器已不再支持非安全域的定位请求

百度地图3.0离线版使用记录

由 喜夏-厌秋 提交于 2020-02-13 17:52:06
下载文件在我的百度网盘（前端开发工具->百度地图3.0文件夹中）或者 链接: https://pan.baidu.com/s/1Pq-Y_Ifh5f-ifp8rjzoH2w 提取码: mqac *************** 百度地图js API 3.0离线版本 关于文件目录： （1） 你下载的文件解压后获得3个文件夹和2个可执行程序 （2） bmap-demo文件夹： 离线示例 （3） bmap-offline文件夹： 离线地图API和瓦片 （3） resource文件夹： 下载程序需要的 上述任一文件夹都不可以删除，否则程序运行异常。 *************** 离线API如何使用（参考示例）？ （1） 拷贝bmap-offline文件夹至你的项目下 （2） HTML页面中引用map3.0_init.js和map3.0.js （3） 普通地图瓦片存放在bmap-offline\tiles\ （4） 卫星地图瓦片存放在bmap-offline\tiles_satellite\ （5） 混合地图瓦片存放在bmap-offline\tiles_hybird\ 你可以通过修改map3.0_init.js改变瓦片的地址。 *************** 如何下载地图？ （1） 双击运行BMapTool程序， （2） 切换导航到“下载地图” （3） 点击区域下载，在地图上画个框后

高德地图API使用

由 末鹿安然 提交于 2020-02-07 12:16:30
高德地图二次开发提供了很多接口，功能强大。 首先需要申请一个KEY教程如下： 链接 通过这个key替换 <script src="https://webapi.amap.com/maps?v=1.4.15&key=自己的KEY&plugin=AMap.Autocomplete"></script> 其中plugin=AMap.Autocomplete为需要加载的组件类型，例如还有plugin=AMap.Driving等 实现功能如下功能： 可以在轨迹上查点，然后通过查询API导航轨迹： 代码实现如下： <!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"> <title>轨迹编辑</title> <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" /> <script type="text
订阅 地图api