1. 先上程序
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Asynchronous</title>
<script type="text/javascript">
function initialize() {
var map = new BMap.Map('map');
map.centerAndZoom(new BMap.Point(113.371, 23.133), 16);
}
function loadScript() {
var script = document.createElement("script");
script.src = "http://api.map.baidu.com/api?v=1.2&callback=initialize";
document.body.appendChild(script);
}
window.onload = loadScript;
</script>
</head>
<body>
<div id="map" style="width:500px;height:320px"></div>
</body>
</html>
2. 百度地图API
如上程序所示,更简单的加载方式如此:
<script src="http://api.map.baidu.com/api?v=1.2" type="text/javascript"></script>
3. BMap类
百度地图API提供了最基础的BMap类,我们可以通过其构造函数创建一个BMap对象。
var map = new BMap.Map('map');
4. centerAndZoom
BMap的一个成用方法,就是:
centerAndZoom(BMap.Point point, var zoomRatio);
在创建了一个BMap对象后,调用这个方法,相当于完成了对BMap的初始化。示例如开始的程序所示。第一个参数是所显示地图区域的中心点的经纬度,第二个参数是缩放比例,数值越大,表示放大的倍数越大。
分享到:
相关推荐
本文件根据天地图基于wgs84坐标,绘制的广州天河区21条街道的svg和json文件,可用于web的区划显示与设计
广州天河七年级第一学期语文期末考试试卷及答案精选.doc
广州天河区八年级第一学期语文试卷及答案精选.doc
通达信指标——玉女天河(主图)(1).doc
游客对城市公园的依恋程度及差异研究--以广州市天河公园为例,陈浩,单习章,本文以广州市天河公园为例,通过运用SPSS17.0对调查数据进行的分析,对游客对城市公园的依恋程度及差异进行了探索。研究发现,游客�
通达信指标——玉女天河(主图).doc
本书每个实验应用程序是在SL-AVR开发编程实验器上,由广州天河双龙电子有限公司的科技 人员和华东师范大学电子工程系(ATMEL 实验室)师生实验通过 源程序清单及硬件接线图,系统工 作软件,可上网下载--...
广州市天河区精细到街道的地图json数据,只是天河区的json数据
计算机应用基础 (第二版) company logo 《计算机应用基础》(第二版)项目1全文共190页,当前为第1页。 CONTANTS 目录 01/ 计算机基础知识 02/ 计算机操作系统——Windoes7 03/ 文字处理——Word 2010的应用 04/ ...
2022年自己调整过使用过的echarts广州市最新11区json地图,包括荔湾区、越秀区、海珠区、天河区、白云区、黄埔区、番禺区、花都区、南沙区、从化区、增城区。echarts直接调用json文件。
2020-2021学年广东省广州市天河区教科版(广州)五年级上册期末测试英语试卷.pdf
一部分资金网格套利它没有空仓状态,本金会被拆分成几十个或者几百个不同大小,然后把行情由低到高像渔网一样,拆分成很多个不同的格子,每个格子挂一份,当行情下跌一格会买入一份,行情上涨一格会卖出一份把利润...
广州天河区第一学期三年级英语Module3-4练习题精选.doc
广州天河区第一学期四年级英语Module3-4单元练习题精选.doc
2020-2021学年广东省广州市天河区人教版六年级下册期末考试数学试卷.pdf
毕节市天河公园导游词.doc
-2019学年广州天河区六年级上册一二单元语文试卷.pdf
20212022学年广东省广州市高二上学期1月期末五校联考英语试题参考答案 .pdf
广东广州天河区九年级上期末考试试卷精选.doc
2020-2021学年广东省广州市天河区八年级(上)期末数学试卷(含解析).pdf