百度地图API--HelloWorld
- - CSDN博客推荐文章百度地图API--Hello World. 这里引用一个经典的单词"Hello World"，这个词是程序界所有人都很熟悉的，我在开始学习Java的时候就是从这开始的，什么编写一个Hello World程序，甚至有的面试题中有“写一个输出Hello World的程序”来测试面试者的面向对象的思维.
百度地图API--HelloWorld
标签：
百度地图
api
helloworld
| 发表时间：2014-03-07 17:21 | 作者：ysjian_pingcx
出处：http://blog.csdn.net
百度地图API--Hello World
这里引用一个经典的单词"Hello World"，这个词是程序界所有人都很熟悉的，我在开始学习Java的时候就是从这开始的，什么编写一个Hello World程序，甚至有的面试题中有“写一个输出Hello World的程序”来测试面试者的面向对象的思维。下面，也从Hello World来引入百度地图API的开发。
先看一段代码：
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hello, World</title>
<style type="text/css">
html {
height: 100%
}
body {
height: 100%;
margin: 0px;
padding: 0px
}
#container {
height: 100%
}
</style>
<!-- //此为v1.4版本及以前版本的引用方式
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script> -->
<!-- //此为v1.5版本以后的引用方式 //-->
<script type="text/javascript"
src="http://api.map.baidu.com/api?v=2.0&ak=fw4DkI8ZoN3UZsUc5fkkBOQc"></script>
<script type="text/javascript">
function load() {
// BMap是百度地图API的命名空间，所有的类都在这里面
var map = new BMap.Map("container"); // 创建一个Map对象
var point = new BMap.Point(116.404, 39.915); // 创建一个点对象
map.centerAndZoom(point, 15);
// 两秒钟后移动到中心点
window.setTimeout(function() {
map.panTo(new BMap.Point(116.415, 39.918));
}, 2000);
}
</script>
</head>
<body onload="load()">
<div id="container"></div>
</body>
</html>
有过web开发经验的对这个代码都很熟悉了，这里用的是JSP，针对这个Hello World做出如下简要介绍：
1.准备一个页面，分配一个div用于展示地图区域，给div设置css样式：
页面：<div id="container"></div>
样式：<style type="text/css">
html {height: 100%}
body {height: 100%;margin: 0px;padding: 0px}
#container {height: 100%}
</style> 2.引用百度地图API：
使用V1.4及以前版本的引用方式： <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script> 使用V1.5版本以后的引用方式： <script type="text/javascript"src="http://api.map.baidu.com/api?v=2.0&ak=密钥"></script>3.创建地图实例并展示，关注load方法，这个方法在页面加载的时候调用：
<script type="text/javascript">
function load() {
// BMap是百度地图API的命名空间，所有的类都在这里面
var map = new BMap.Map("container");
var point = new BMap.Point(116.4035, 39.915); // 创建点左边
map.centerAndZoom(point, 15); // 初始化地图
// 两秒钟后移动到中心点
window.setTimeout(function() {
map.panTo(createPoint(116.415, 39.918));
map.setZoom(7);
}, 2000);
}
</script>注释：BMap是一个命民空间，Map类在这个命名空间内，相当于Java中的package。
百度地图API调用起来很简单，开发者只需要写少量代码就能实现诸多功能。
作者：ysjian_pingcx 发表于2014-3-7 9:21:54 原文链接
阅读：0 评论：0 查看评论
相关 [百度地图 api helloworld] 推荐：
百度地图API--标注域
- - CSDN博客Web前端推荐文章我们可以在地图上添加一些本文覆盖物，用来标注一些信息，前一节我们学习了标注点的使用以及标注点的点击和拖拽事件，标注点用到了BMap命名空间下的Marker类，文本标注域则是用到了Label类，下面介绍如何添加一个文本标注域. position : map.getCenter(), // 指定文本标注所在的地理位置.
百度地图api之如何自定义标注图标
- - CSDN博客Web前端推荐文章 在百度地图api中，默认的地图图标是一个红色的椭圆形. 但是在项目中常常要求我们建立自己的图标，类似于我的这个. 操作很简单，分如下几步进行. 步骤一：先ps一个图标，大小要合适，如果要背景透明的，记得保存成png格式. 推荐一个在线ps网站 http://uupoop.com/. 做好图片之后，如果你使用vs或其他控制谈调用的百度地图api，要把图片放到debug文件夹中.
【百度地图API】如何批量转换为百度经纬度
- Pei - 博客园-首页原创精华区 百度地图API的官网上提供了常用坐标转换的示例. 但是，一次只能转换一个，真的非常麻烦. 这里结合了官方的示例，自制一个批量转换工具，供大家参考. 因为我没有GPS坐标，就拿谷歌坐标做个示例了. 首先要注意的是，百度和谷歌的经纬度坐标顺序是相反的. 传入坐标转换接口的百度经纬度应该是. 所以，我建立一个数组，存放转换前的经纬度.
springbatch简介与helloworld
- - CSDN博客推荐文章一、SpringBatch简介. Spring Batch是一个轻量级的批处理框架, 可以用于企业级海量数据处理, 它提供以下技术解决方案:. 二、SpringBatch结构. Spring Batch由应用层、核心层、基础架构层等组成:. 应用层: 包含所有的批处理作业, 使用spring框架管理程序员自定义的代码.
【PHP框架CodeIgniter学习】Helloworld
- - CSDN博客推荐文章在想做API的时候 ，在搜索发现大家都钟爱推荐 CodeIgniter 这个轻量级开发框架，于是乎就搜索了一番. 原来CodeIgniter 简称CI，开源框架，好像很多的CMS系统都是基于它进行二次开发的. 自己之前使用过的PHP框架有 ThinkPHP,PHPWind等，感觉有点复杂（可能是自己不大熟悉PHP的原因）.
Hadoop HelloWorld Examples - 单表连接
- - CSDN博客云计算推荐文章 应该是那本"Hadoop 实战"的第4个demo了，单表连接. 给出一对对的children和parents的名字，然后输出所有的grandchildren和grandparents对. 输入数据（第一列child，第二列 parent）. 输出数据(第一列grandchild,第二列grandparents).
CXF 入门：HelloWorld接口发布
- - ITeye博客第一步：在myeclipse中新建一个web项目名为myWs,. 并导入依赖的jar包（cxf,spring,apache-commons相关）. cxf结合spring时所需jar包，此例子也需要这些，用到了spring上下文加载. 第二步：在WEB-INF中创建基本的cxf-beans.xml内容如下(作用：主要做webservice接口属性配置,通过web.xml配置加载，文件名和位置可以顺便，web.xml配置会用到).
通过helloworld来认识下backbone - Ruthless
- - 博客园_RuthlessBackbone主要涉及3部分：model，collection和view. 而这个框架的优势在于：数据与视图分离，通过操作model来自动更新view. 根据我的个人经验，直接写个简单的例子是最最直观的，那么从hello world开始吧. 程序目标：创建人员，将人员添加入队伍，删除人员，清空队列.
Api Blocking
- - xiaobaoqiu Blog4.RateLimiter实现限流. 接口限流是保证系统稳定性的三大法宝之一(缓存, 限流, 降级).. 本文使用三种方式实现Api限流, 并提供了一个用Spring实现的Api限流的简单Demo, Demo的git地址: https://github.com/xiaobaoqiu/api-blocking.