网页中调用百度地图API

网页中调用百度地图API

本篇博文主要介绍在网页中调用百度地图的API，调用API需要分两个步骤：
一、在 百度地图开放平台 申请秘钥：
申请秘钥->创建应用
二、在网页中使用秘钥：

<%@ page language="java" import="java.util.*"  pageEncoding="gbk" contentType="text/html; charset=gbk"%><%    String path = request.getContextPath();    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Dchvoxvu4MksGpVK6sNDsuQZR4VgFObi"></script><div id="allmap" style="width=200px;height:30%"></div><script type="text/javascript">    // 百度地图API功能    var position = document.getElementById("position").value;    var map = new BMap.Map("allmap");    // 创建Map实例    map.centerAndZoom(position, 6);  // 初始化地图,设置中心点坐标和地图级别    map.addControl(new BMap.MapTypeControl());   //添加地图类型控件    map.setCurrentCity(position);          // 设置地图显示的城市 此项是必须设置的    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放</script>

其中，<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Dchvoxvu4MksGpVK6sNDsuQZR4VgFObi"></script> 中的ak更换为你所申请到的秘钥。