百度地图SDK注册、引入

朱雀 2021-07-24 23:30 540阅读 0赞

[百度地图引入步骤][Link 1]

代码示例:

<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>

[Link 1]: http://lbsyun.baidu.com/index.php?title=jspopular3.0/guide/helloworld

发表评论取消回复

表情：

评论列表（有 0 条评论，540人围观）

还没有评论，来说两句吧...

相关阅读

相关在Web页面引入百度地图

准备工作：获得百度地图的ak 打开：[http://lbsyun.baidu.com/apiconsole/key?application=key][http_lbsyun.

清疚/ 2024年02月19日 21:10/ 0 赞/ 69 阅读

相关 vue 引入百度地图

注意vue文件中调用地图，在mounted中调用无用时候，要在this.$nextTick()方法中调用，如下 this.$nextTick(() => \{

小咪咪/ 2022年10月30日 11:24/ 0 赞/ 237 阅读

相关 android百度地图注册,百度地图API key申请申请详细步骤

开发移动app应用，经常会遇到定位与导航需求，开发者自己去实现不太可能，一个是工作量大，另一个是程序员世界最常用的话不要重复制造轮子。百度在地图界混迹如此之久，积累的东西还是可

太过爱你忘了你带给我的痛/ 2022年10月17日 11:21/ 0 赞/ 466 阅读

相关 Android百度地图(二):百度地图sdk显示位置点、图层绘制

转载、引用请标明出处 [http://www.jianshu.com/p/fdd1ba783495][http_www.jianshu.com_p_fdd1ba783495

清疚/ 2022年06月08日 05:38/ 0 赞/ 1127 阅读

相关 vue项目直接引入百度地图

前一个博客中关于后台管理的搭建使用了百度地图，这里简单记录一下如何使用前期准备：如果使用v1.5之后的版本需要百度ak，需要本人去申请。地址传送门：[

爱被打了一巴掌/ 2022年05月20日 08:38/ 0 赞/ 272 阅读

相关 Angular引入百度地图js

第一步：申请百度地图密钥，很简单，去网上随便找教程第二步：在Angular项目中引入百度地图API文件，在index.html中引入 ![watermark_type_Z

逃离我推掉我的手/ 2022年04月22日 02:08/ 0 赞/ 357 阅读

相关 vue引入百度地图

1.创建一个vue项目输入指令 npm install vue-baidu-map –-save 2.在index.html 里面引入 <script type

雨点打透心脏的1/2处/ 2021年11月27日 07:14/ 0 赞/ 384 阅读

相关百度地图SDK接入指南接入操作流程百度地图sdk开发指南

百度地图SDK接入指南接入操作流程百度地图sdk开发指南一、URL地址 ---百度地图开放平台 1、[http://lbsyun.b

待我称王封你为后i/ 2021年11月17日 01:16/ 0 赞/ 1029 阅读

相关 vue中引入百度地图

方法一：通过cdn引入一，申请密匙（[http://lbsyun.baidu.com/apiconsole/key?application=key\/home

系统管理员/ 2021年07月25日 14:46/ 0 赞/ 676 阅读

相关百度地图SDK注册、引入

[百度地图引入步骤][Link 1] 代码示例: <html> <head> <meta charset="utf-8"> <meta

朱雀/ 2021年07月24日 23:30/ 0 赞/ 541 阅读