核心提示:网页中调用百度地图API本文主要介绍在网页中调用百度地图的API,调用API需要分两个步骤:一、在 百度地图开放平台 申请秘钥:申请秘钥-创建应用二、在网页中使用秘钥:%@ page language...
网页中调用百度地图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="https://api.map.baidu.com/api?v=2.0&ak=Dchvoxvu4MksGpVK6sNDsuQZR4VgFObi"></script>
<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="https://api.map.baidu.com/api?v=2.0&ak=Dchvoxvu4MksGpVK6sNDsuQZR4VgFObi"></script>中的ak更换为你所申请到的秘钥。