网站调用百度地图展示位置，调用百度开放平台api 动态静态调用

调用百度开放平台api
首先需要先申请百度地图api秘钥。
申请方法：
百度搜索百度地图开放平台进入官网，先注册一个账号，然后登录进去，比较简单。

登录账号，鼠标移到开发文档按钮，找到下方JavaScript API。点击进入。


点击获取秘钥，参考百度地图入门指南参考进行申请秘钥。

秘钥申请完成后，百度地图接口就可以调用了

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak="你的密钥"></script>

网站静态调用方法

打开进入开发指南页面 https://lbs.baidu.com/index.php?title=jspopularGL
进入页面点击示例demo

选择第一个创建GL地图，可以按照自己的需求选择。

进入后点击最左侧的信息窗口，添加信息窗口。

进入后需要在代码里修改几处地址信息。

<script type="text/javascript">
	// 百度地图API功能
	var map = new BMapGL.Map("allmap");
	var point = new BMapGL.Point(116.404, 39.925);     //位置经纬度信息--->**需要修改**  按照下方方法修改
	map.centerAndZoom(point, 15);
	
	var marker = new BMapGL.Marker(point);  // 创建标注
	map.addOverlay(marker);              // 将标注添加到地图中
	var opts = {
	    width : 200,     // 信息窗口宽度
	    height: 100,     // 信息窗口高度
	    title : "故宫博物院" , // 信息窗口标题                       --->**需要修改**
	    message:"这里是故宫"  // 副标题                             --->**需要修改**
	}
	var infoWindow = new BMapGL.InfoWindow("地址：北京市东城区王府井大街88号乐天银泰百货八层", opts);  // 创建信息窗口对象 --->**需要修改**
	marker.addEventListener("click", function(){          
		map.openInfoWindow(infoWindow, point); //开启信息窗口
	}); 
</script>

位置经纬度获取

https://api.map.baidu.com/lbsapi/getpoint/index.html

查询到地址信息，右上角获取坐标信息。

var point = new BMapGL.Point(116.404, 39.925);  //替换坐标

创建完地图信息后，运行一下看是否正常，正常后保存代码粘贴到网站展示页面即可。

注意：需要修改秘钥信息。

<script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=您的密钥"></script>

静态调用方法结束