百度地图SDK注册、引入

最新推荐文章于 2021-10-15 13:23:18 发布

神奇大叔

最新推荐文章于 2021-10-15 13:23:18 发布

阅读量146

点赞数

分类专栏：网页制作案例

本文链接：https://blog.csdn.net/weixin_43294560/article/details/104011478

版权

网页制作案例专栏收录该内容

41 篇文章 3 订阅

订阅专栏

百度地图引入步骤

代码示例:

<html>
<head>
	<meta charset="utf-8">
	<meta name='viewport' content='width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0'>
	<title></title>
	
	<script src='js/underscore.js'></script>
	<!-- 引入百度地图 -->
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=P4GOUWzDBOXMq8sBRabiMTFygL2ltEg7"></script>
	<style>
	 html{height:100%}    
    body{height:100%;margin:0px;padding:0px}    
  	  #map{height:500px;width:700px;border: solid 1px black;}   
	</style>
</head>
<body>
	<!-- 地图容器 -->
	<div id="map"></div> 
	<button>点我加载地图</button>

	<script>
	document.querySelector('button').onclick=function()
	{
		// 位于BMap命名空间下的Map类表示地图，通过new操作符可以创建一个地图实例。其参数可以是元素id值也可以是元素对象。
		var map = new BMap.Map("map"); 

		//经纬度设置中心点
		var point = new BMap.Point(116.404, 39.915
);

		//地图初始化，同时设置地图展示级别(1-21),15解决展示街道级别
		map.centerAndZoom(point, 15);  
	}

	
	</script>
	
</body>

</html>

神奇大叔

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
百度地图SDK注册、引入

百度地图引入步骤代码示例:<html><head> <meta charset="utf-8"> <meta name='viewport' content='width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0'>...
复制链接

扫一扫