百度地图简单对接

简介: 百度地图简单对接

地位越高,自我评价就越高,自信心多强,能力就有多强。我们总能表现出与环境的和谐平等。——赫兹里特

效果如下

跟着官网一步一步来即可

申请成为开发者

然后在应用管理里创建应用

填写信息

点击复制AK

然后复制代码

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Hello, World</title>
<style type="text/css">
html{height:100%} 
body{height:100%;margin:0px;padding:0px} 
#container{height:100%} 
</style>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=您的密钥">
</script>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
var map = new BMapGL.Map("container");
// 创建地图实例 
var point = new BMapGL.Point(116.404, 39.915);
// 创建点坐标 
map.centerAndZoom(point, 15);
// 初始化地图,设置中心点坐标和地图级别 
</script>
</body>
</html>


注意此处需要把[你的密钥]修改成刚刚复制的AK

如果你还需要鼠标滚轮缩放,可以像我这样写

<script src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=[你的密钥]"
        type="text/javascript">
</script>
<div id="allmap"
     style="width: 317px;height: 219px;overflow:hidden;margin:0;font-family:'微软雅黑';margin: 0 auto;"></div>
<script>
    var mp = new BMapGL.Map('allmap');
    mp.centerAndZoom(new BMapGL.Point(118.134071, 29.267853), 18);
    mp.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
</script>

其他的还想要自定义的话,看文档就好了

相关文章
|
存储 网络协议 定位技术
高德地图开放平台IP地位接口使用说明
高德地图开放平台IP地位接口使用说明
1903 0
|
小程序 人工智能
|
4月前
|
定位技术 开发者
高德地图开发 —— 获取高德地图开发的 key
高德地图开发 —— 获取高德地图开发的 key
337 0
|
5月前
|
开发工具
抖音sdk接口,抖音上线下线
抖音sdk接口,抖音上线下线
|
定位技术
高德地图插件的使用
高德地图插件的使用
106 0
|
传感器 数据可视化 物联网
漏刻有时物联网传感器API接口对接说明文档
漏刻有时物联网传感器API接口对接说明文档
82 0
|
API
明晚直播:钉钉宜搭连接器接入高德API实战演示
《你好!低代码》第二十期明天(10月19日)晚上7点准时直播。本期将带来钉钉宜搭连接器实战演示,记得准时收看哦~
796 0
明晚直播:钉钉宜搭连接器接入高德API实战演示
|
JSON API 图形学
Unity 接入高德开放API - 天气查询
Unity 接入高德开放API - 天气查询
512 1
Unity 接入高德开放API - 天气查询
|
XML 小程序 安全
微信第三方开放平台代小程序实现业务
有没有想过,只需要开发一套公众号/小程序代码,以之为模板,再来一套后台管理系统,把在微信公众号后台做的那些事都搬到我们自己的系统中。来一个业务相同的小程序,只需要管理员授权后,只要在我们的系统中点点几个按钮,就可以把小程序发布上线,一次开发供 N 个公众号使用,提供标准化的接口服务来满足业务的基础需求。通过扫描二维码授权给平台,帮助 N 多个公众号代实现业务,不再需要理解繁琐参数设置,并且密码不提供给开发者,保证安全,真正做到解放运营同学和开发的双手,有更多的时间去谈女朋友,那该多好。
370 0
微信第三方开放平台代小程序实现业务
|
存储 安全 定位技术
高德地图开发汇总
高德地图主要分为地图开发、导航开发、定位开发、室内地图、室内定位。总结一下在项目中用到的地图开发。 Demo地址 DEMO比较简单,集成了3d地图和搜索sdk,可以根据自己的需求添加功能。
1593 0