上一篇: 
下一篇: 
文章来自: 
引用通告: 
Tags: 
最新日志:
不错呦！smile@林凯西，确保“准备文件”中的几个文件都有安装，S...您好，看了您这篇帖子觉得很有帮助。但是有个问题想请...我的修改过了怎么还被恶意注册呢 @jjjjiiii 用PJ快9年了，主要是A...PJ3啊，貌似很少有人用PJ了，现在不是WP就是z...@332347365，我当时接入时错误码没有-10...楼主，ChkValue值应为-103是什么意思呢？...大哥 你最近能看到我发的信息，请跟我联系，我有个制...
HTML5百度地图基本页模板
编辑:dnawo 日期:2022-03-24
复制内容到剪贴板
程序代码
程序代码<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>百度地图基本页</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<style type="text/css">
* {margin:0; padding:0;}
#container {position:absolute; width:100%; height:100%;}
</style>
<script src="https://api.map.baidu.com/api?v=3.0&ak=KCGfKcGhNO2vPBIRrPxSLxPPvPXmmGSs"></script>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
//添加地图
var map = new BMap.Map("container");
map.centerAndZoom(new BMap.Point(120.124469,30.26139), 11);
map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.OverviewMapControl());
map.addControl(new BMap.MapTypeControl());
map.addControl(new BMap.GeolocationControl());
map.enableScrollWheelZoom(true);
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>百度地图基本页</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<style type="text/css">
* {margin:0; padding:0;}
#container {position:absolute; width:100%; height:100%;}
</style>
<script src="https://api.map.baidu.com/api?v=3.0&ak=KCGfKcGhNO2vPBIRrPxSLxPPvPXmmGSs"></script>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
//添加地图
var map = new BMap.Map("container");
map.centerAndZoom(new BMap.Point(120.124469,30.26139), 11);
map.addControl(new BMap.NavigationControl());
map.addControl(new BMap.ScaleControl());
map.addControl(new BMap.OverviewMapControl());
map.addControl(new BMap.MapTypeControl());
map.addControl(new BMap.GeolocationControl());
map.enableScrollWheelZoom(true);
</script>
</body>
</html>
说明：百度地图ak需到开放平台申请并替换成自己的才能正常使用。
相关链接
[1].百度地图开放平台：https://lbsyun.baidu.com/
评论: 0 | 引用: 0 | 查看次数: 1532
发表评论
请登录后再发表评论！
