NO IMAGE

網頁中呼叫百度地圖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=  "></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= "></script> 中的ak更換為你所申請到的祕鑰。