当前位置:网站首页>Basic case of Baidu map
Basic case of Baidu map
2022-04-23 17:03:00 【Eli-sun】
<script type="text/javascript"
src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=cXG18I5SNt2EZNvG7CVyE4jjTr8swlo4"
></script>
// This was introduced ak To apply for a Baidu map developer account , You can click in through the following website
https://lbsyun.baidu.com/index.php?title=jspopularGL/guide/helloworld
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script type="text/javascript"
src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=cXG18I5SNt2EZNvG7CVyE4jjTr8swlo4"
></script>
<style>
html{
height: 100%;
height: 100%;
margin: 0;
padding: 0;
}
body{
height: 100%;
height: 100%;
margin: 0;
padding: 0;
}
#map{
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
.anchorBL, .BMap_cpyCtrl{
display: none;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
console.log(window.BMapGL);
var map = new BMapGL.Map('map') // Initialize map
var point = new BMapGL.Point(116.404,39.915) // Set map coordinates
map.centerAndZoom(point, 10) // Central Map display level
map.enableScrollWheelZoom(true) // Zoom in and out of the map through the scroll wheel
</script>
</body>
</html>
版权声明
本文为[Eli-sun]所创,转载请带上原文链接,感谢
https://yzsam.com/2022/04/202204230554289813.html
边栏推荐
- Shell脚本——Shell编程规范及变量
- DDT + Excel for interface test
- How vscode compares the similarities and differences between two files
- Nodejs reads the local JSON file through require. Unexpected token / in JSON at position appears
- ◰GL-阴影贴图核心步骤
- STM32__ 03 - beginner timer
- How much do you know about the process of the interview
- freeCodeCamp----shape_ Calculator exercise
- Getting started with JDBC
- Idea of batch manufacturing test data, with source code
猜你喜欢
TypeError: set_ figure_ params() got an unexpected keyword argument ‘figsize‘
Customize my_ Strcpy and library strcpy [analog implementation of string related functions]
Milvus 2.0 質量保障系統詳解
True math problems in 1959 college entrance examination
DDT + Excel for interface test
Nacos + aspnetcore + Ocelot actual combat code
Solution architect's small bag - 5 types of architecture diagrams
Installing labellmg tutorial in Windows
信息摘要、数字签名、数字证书、对称加密与非对称加密详解
Mock test
随机推荐
Deeply understand the relevant knowledge of 3D model (modeling, material mapping, UV, normal), and the difference between displacement mapping, bump mapping and normal mapping
计算饼状图百分比
oracle 中快速获取表的列名列表
Encapsulating the logging module
Modify the test case name generated by DDT
org. apache. parquet. schema. InvalidSchemaException: A group type can not be empty. Parquet does not su
博士申请 | 厦门大学信息学院郭诗辉老师团队招收全奖博士/博后/实习生
Dancenn: overview of byte self-developed 100 billion scale file metadata storage system
Bottom processing of stack memory in browser
◰ GL shadow map core steps
文件操作《二》(5000字总结篇)
Redis docker installation
VLAN高级技术,VLAN聚合,超级Super VLAN ,Sub VLAN
批量制造测试数据的思路,附源码
Copy constructor shallow copy and deep copy
English | day15, 16 x sentence true research daily sentence (clause disconnection, modification)
手写事件发布订阅框架
[problem solving] [show2012] random tree
The new MySQL table has a self increasing ID of 20 bits. The reason is
New keyword learning and summary