【百度地图API】如何制作可拖拽的沿道路测距

原文:[百度地图API]如何制作可拖拽的沿道路测距摘要: 地图测距,大家都会,不就map.getDistance麼.可是,这只能测任意两点的直线距离,用途不够实际啊.比如,我想测试北京天安门到北京后海的距离,怎么办呢? 显然“沿道路测距”就显得尤为重要了.那么如果制作“可拖拽”的沿道路测距呢?我们一起来看一看. --------------------------------------------------------------------------------------- 一.创建…

【百度地图API】制作多途经点的线路导航——路线坐标规划

一.创建地图首先要告诉大家的是,API1.2版本取消密钥,取消服务设置,大家可以采用更加简短的方式引用API的JS啦~ <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script> 大家跟我一起来创建一张简单的地图: var map = new BMap.Map("container");map.centerAndZoo…

【百度地图API】如何制作自定义样式的公交导航结果面板？

原文:[百度地图API]如何制作自定义样式的公交导航结果面板? 摘要: 百度地图API有默认的公交导航结果面板,但样式比较单一:而百度地图上的结果面板就比较美观.如何利用百度地图API来制作一个比较美观的公交导航结果面板呢?一起来学习一下吧. ---------------------------------------------------------------------------------------------- 首先,看一下百度地图上的结果面板,如下图: 再来看看百度地图API…

百度地图API示例之设置级别setZoom与禁止拖拽disableDragging

百度地图API示例之设置级别setZoom与禁止拖拽disableDragging 设置级别 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no&q…

百度地图API 拖拽或点击地图位置获取坐标

function setPlace(map,myValue,callback){ function getAddress(){ var pp = local.getResults().getPoi(0).point; //获取第一个智能搜索的结果 map.centerAndZoom(pp, 18); var marker = new BMap.Marker(pp);// 创建标注 map.addOverlay(marker); // 将标注添加到地图中 marker.enableDragging…

【百度地图API】如何制作班级地理通讯录？LBS通讯录

原文:[百度地图API]如何制作班级地理通讯录?LBS通讯录摘要:班级通讯录必备的功能,比如人员列表,人员地理位置标注,展示复杂信息窗口,公交和驾车等.一般班级人员都不会超过300个,因为可以高效地把全部人员的地理位置都显示在地图上. --------------------------------------------------------------------------- 预备知识1.为啥marker数量不能超过300个? 答:由于浏览器能支持的dom元素有限,所以建议不超过该数量…

借助百度地图API制作企业百度地图

做网站需要插入地图,可以借助百度地图API,具体步骤如下: 1.打开百度地图API的网址: http://api.map.baidu.com/lbsapi/creatmap/ 2.设置中心点 3.添加标注 4.点击下面的获取代码,复制出代码即可 5.复制的代码图标地址有问题,可以用这个地址的图标 http://map.baidu.com/image/us_mk_icon.png 6.自己测试源代码可供参考 <!DOCTYPE html> <html lang="en&quo…

【百度地图API】如何利用PhoneGap制作地图APP

原文:[百度地图API]如何利用PhoneGap制作地图APP 摘要:百度地图API是一套由javascript编写的地图程序接口,按说它应该运行在浏览器上.现在,只要利用PhoneGap,我们就能开发出移动平台上能使用的APP了! --------------------------------------------- 一.安装平台 PhoneGap支持5种平台,IOS,安卓,黑莓,WebOS,塞班. 我们下面以IOS为例,开发一个定位的APP. 1.下载xCode 注意看清楚,狮子系统和雪…

【百度地图API】如何利用自己的数据制作社交地图？只显示可视区域内的标注

原文:[百度地图API]如何利用自己的数据制作社交地图?只显示可视区域内的标注摘要:如果你自己的数据已经超过1万个,如何进行合理的显示?除了聚合marker外,还有一个办法.那就是,只显示可视区域内的标注. -------------------------------------------------------------------------------------------------------------- 成品图: 工具描述: 移动地图时(或改变地图级别时),只显示可视区域…

【百度地图API】如何自定义地图图层？实例：制作麻点图（自定义图层+热区）

原文:[百度地图API]如何自定义地图图层?实例:制作麻点图(自定义图层+热区) 摘要:自定义地图图层的用途十分广泛.常见的应用,比如制作魔兽地图和清华校园地图(使用切图工具即可轻松实现).今天我们来学习,当地图上有大量标注,比如600万个的时候,我们如何用“麻点图”来实现标注的展示. ----------------------------------------------------------------------------------------------------------…

【百度地图API】如何制作公交线路的搜索？如331路

原文:[百度地图API]如何制作公交线路的搜索?如331路摘要: 从A点到B点的公交导航大家都知道怎么做了,那么单独查询331路公交车的公交路线,如何制作呢?我们一起来学习一下~ ----------------------------------------------------------------------------------------------------------------- 一.创建地图和网页样式两句话建立地图: ); 然后把网页结构搭建好.有一张图片,一个文本…

【百度地图API】如何制作多途经点的线路导航——驾车篇

原文:[百度地图API]如何制作多途经点的线路导航--驾车篇摘要: 休假结束,酸奶小妹要从重庆驾车去北京.可是途中要去西安奶奶家拿牛奶饼干呢!用百度地图API,能不能帮我实现这个愿望呢? ------------------------------------------------------------------------------------------------------------------------ 一.创建地图首先要告诉大家的是,API1.2版本取消密钥,取消服务…

【百度地图API】——如何用label制作简易的房产标签

原文:[百度地图API]--如何用label制作简易的房产标签摘要: 最近,API爱好者们纷纷说,自定义marker太复杂了!不仅定义复杂,连所有的dom事件都要自己重新定义.有没有快速简易创建房产标签的方法呢? 答案当然是有的啦~ 我们可以利用label嘛! ------------------------------------------------------------------------------- 一.创建地图这是老生常谈的三句话,初始化地图的js. ); //设立中心点…

【百度地图API】如何制作“从这里出发”“到这里去”——公交篇

原文:[百度地图API]如何制作"从这里出发""到这里去"--公交篇摘要: 百度地图首页上的“从这里出发”“到这里去”,一直是开发者们很热衷的一个功能.那么,怎样结合百度的数据库,来制作这个功能呢?让我们一起来学习一下. ---------------------------------------------------------------------------------------------------------------------------…

如何利用【百度地图API】，制作房产酒店地图？（下）——结合自己的数据库

原文:如何利用[百度地图API],制作房产酒店地图?(下)--结合自己的数据库摘要:应广大API爱好者要求,写了一篇利用自己数据库标点的文章…… --------------------------------------------------------- 一.先按照前两篇文章那样,做好静态文件. 请看两篇文章: 1.制作自定义标注和自定义信息窗口 http://www.cnblogs.com/milkmap/archive/2011/08/04/2127663.html 2.使用右侧列表…

【百度地图API】如何利用地图API制作汽车沿道路行驶的动画？——如何获得道路层数据

原文:[百度地图API]如何利用地图API制作汽车沿道路行驶的动画?--如何获得道路层数据有几个做汽车导航的朋友问我说,他们想在地图上制作一辆车沿着道路行驶的动画.可是,百度地图的道路数据并没有公开.所以,应该怎么办呢? 一. 我们先来学习如何把百度地图“弄”出来.把下面这段代码保存为htm格式,用浏览器打开,就能看到百度地图了. ); //设置中心点和地图级别</script> 二. 再分析一下汽车导航制作者的这个需求: 1.车辆——用自定义图片的marker实现 ) //图片的偏移量.为…

【百度地图API】如何制作一张魔兽地图！！——CS地图也可以，哈哈哈

原文:[百度地图API]如何制作一张魔兽地图!!--CS地图也可以,哈哈哈摘要: 你玩魔兽不?你知道如何做一张魔兽地图不?! 快来看此文吧! --------------------------------------------- 一.制作魔兽地图的准备工作其实,你只需要准备一些地图的瓦片图,就可以了. 用切片工具,把一张完整的图片(最好大一些,清楚一些),切成小片.(下周我贴这个工具的下载链接出来.留个悬念,哈哈.) 正式公布切图工具链接: http://openapi.baidu.co…

【百度地图API】如何制作泡泡放大镜？

原文:[百度地图API]如何制作泡泡放大镜? 任务描述: 我不喜欢API提供的缩放控件耶…… 我能不能使用其他方式放大地图勒? 当然阔以啦! 现在就来教大家如何动手制作一个可爱的泡泡放大镜! 使用它,就可以放大地图上的任何细节啦~ 如何实现: 创建主地图map1,在主地图上创建一个标注,并对标注添加一个信息窗口. 在信息窗口里面,创建一张小地图,地图级别为18(足够大啦). 默认设置信息窗口关闭,点击红色标注后打开信息窗口. 操作试试: 点击红色标注,立马弹出来一个泡泡放大镜! 你还可以移动主地…

【百度地图API】如何制作孪生姐妹地图？

原文:[百度地图API]如何制作孪生姐妹地图? 任务描述: 我想要两张一模一样的地图!我想要双子地图!我想要孪生姐妹地图! 好好好,统统满足大家! 在这里我不需要使用百度地图API提供的地图缩略图控件,而是自己动手做一对双胞胎地图! 如何实现? 创建两张地图,map1和map2,他俩的中心点和地图级别(放大倍数)不同. 当鼠标移动map1的中心点时,map2的中心点会随着一起变化,最终和map1的中心点一致. 同理,可以实现用鼠标滚轮放大缩小地图. 操作试试: 移动左边的地图,右边的地图会随着一…

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

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

百度地图API —— 制作多途经点的线路导航

[百度地图API]如何制作多途经点的线路导航——驾车篇摘要: 休假结束,酸奶小妹要从重庆驾车去北京.可是途中要去西安奶奶家拿牛奶饼干呢!用百度地图API,能不能帮我实现这个愿望呢? ------------------------------------------------------------------------------------------------------------------------ 一.创建地图首先要告诉大家的是,API1.2版本取消密钥,取消服务设…

【百度地图API】怎样制作多途经点的线路导航——驾车篇

摘要: 休假结束,酸奶小妹要从重庆驾车去北京.但是途中要去西安奶奶家拿牛奶饼干呢! 用百度地图API,能不能帮我实现这个愿望呢? ------------------------------------------------------------------------------------------------------------------------ 一.创建地图首先要告诉大家的是,API1.2版本号取消密钥,取消服务设置,大家能够採用更加简短的方式引用API的JS啦~ <s…

【百度地图API】百度API卫星图使用方法和卫星图对比工具

原文:[百度地图API]百度API卫星图使用方法和卫星图对比工具百度地图API推出卫星图接口也有一个月啦~ 本文除了介绍如何使用百度地图API来操作卫星图外,还顺带制作了个卫星图对比工具. 一.百度地图API卫星图调用百度卫星图有两种方式,一是地图类型控件,一是地图底图设置.下面分别介绍这两种方法: 1.利用控件使用控件有一大优势,就是地图类型控件上,有百度全部的地图类型,比如二维.三维.卫星等. 而且,只需要一句话,就能简单加上这个控件. map.addControl(new BMap.…

百度地图API的使用

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

百度地图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试用--(初次尝试)

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

如何在网页中调用百度地图api

我想在木有提供地图接口的年代,前端工程师门要么只写上企业的具体地址,要么就是用一张标有自己位置的地图图片.但是现在不一样啦!为了增强用户体验,谷歌,甚至百度都很开放了,你可以在他们的网站上找到地图接口,通过进行直接的调用就可以了. 下面我来教你怎么在网页中用好百度地图,当然了,你也可以去百度地图网站去查找相关的技术资料. 首先你需要进入到百度地图官网http://developer.baidu.com/map/ .因为我们是用的脚本进行加载的,所以我们要选择上图中的第一个"javascript …