百度地图API入门——(2)第二个超简单应用:Hello, World!
来源:互联网 发布:淘宝遇到职业打假敲诈 编辑:程序博客网 时间:2024/05/16 19:30
1. 老规矩,先上程序
<!DOCTYPE html> <html><head><meta name="viewport" content="initial-scale=1.0, user-scalable=no" /><meta http-equiv="Content-Type" content="text/html; chartset=utf-8" /><title>Hello, World!</title><style type="text/css">html {height: 100%}body {height:100%;margin:0px;padding:0px;}#container {height:100%;}</style><script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script></head><body><div id="container"></div><script type="text/javascript">var map = new BMap.Map("container");var point = new BMap.Point(116.404, 39.915);map.centerAndZoom(point, 15);</script></body></html>
2. !DOCTYPE?
什么是!DOCTYPE?可以说是用来描述HTML文档与W3C标准契合度的标签,一般来说,有strict、loose和quirks三种。其中strict与W3C标准严格一致,而loose是较为一致,quirks则是一种向下兼容的方式。
3. 方便地在移动平台上浏览
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
4. 充满整个窗口
<style type="text/css"> html{height:100%} body{height:100%;margin:0px;padding:0px} #container{height:100%} </style>
5. 调用百度地图API
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
6. 创建一个百度地图类BMap的对象
<div id="container"></div><script type="text/javascript">var map = new BMap.Map("container"); // 创建地图实例var point = new BMap.Point(116.404, 39.915); // 创建点坐标map.centerAndZoom(point, 15); // 初始化地图,设置中心点坐标和地图级别</script>
- 百度地图API入门——(2)第二个超简单应用:Hello, World!
- 百度地图API入门——(1)第一个超简单应用:显示广州天河公园
- 百度地图API简单应用
- 百度地图API入门——(4)用Jetty搭建一个简单的多终端可访问的地图应用站点
- 百度地图API入门——(5)百度地图API的简介
- 百度地图之Hello World
- 百度地图API入门——(3)控件
- 百度地图 API 基础入门——前端(一)
- [java入门]--java第一个程序Hello World(超详细步骤)
- 百度地图api的简单应用
- 百度地图API的简单应用
- 百度地图API入门——(8)百度地图的背景知识:关于地图的基本常识
- 第一个iOS应用 —— Hello world!
- 百度地图API简单应用——1.根据地址查询经纬度
- 百度地图API简单应用——1.根据地址查询经纬度
- 百度地图API简单应用——1.根据地址查询经纬度
- 百度地图API简单应用——1.根据地址查询经纬度
- 百度地图API简单应用——1.根据地址查询经纬度
- 链栈类
- 【100题】第十三题(输出倒数第k个节点)
- 计算机网络-----名词解释
- Android基础笔记---Sundy篇
- 堆和栈的区别
- 百度地图API入门——(2)第二个超简单应用:Hello, World!
- Characterization of The Line Profile
- Linux locale lang
- switch、air-conditioner、apply for a postion、modest pension、in honor of
- virtual、as常识性检查对象、Main()、viewstate、数组
- C# 多态
- svn服务端的安装配置(本地篇)
- 浪微博布局学习——妙用TabHost
- 【WCF】自动加载 WCF Library