当前位置:网站首页>Baidu Map 3D rotation and tilt angle adjustment
Baidu Map 3D rotation and tilt angle adjustment
2022-04-23 17:03:00 【Eli-sun】
<!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, 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>
<!--
Can be in Baidu map - Developing documents - Coordinate picker Search the place you want and get the longitude and latitude of the place
-->
<div id="map"></div>
<script>
console.log(window.BMapGL);
var map = new BMapGL.Map('map') // Initialize map
var point = new BMapGL.Point(116.196608,40.253428) // Set map coordinates
map.centerAndZoom(point, 18) // Central Map display level
map.enableScrollWheelZoom(true) // Zoom in and out of the map through the scroll wheel
var heading = 0
map.setHeading(heading) // Adjust the rotation angle
map.setTilt(70) // Adjust the tilt angle
// setInterval(()=>{
// heading++
// map.setHeading(heading)
// },500)
</script>
</body>
</html>
版权声明
本文为[Eli-sun]所创,转载请带上原文链接,感谢
https://yzsam.com/2022/04/202204230554289731.html
边栏推荐
- Detailed explanation of information abstract, digital signature, digital certificate, symmetric encryption and asymmetric encryption
- 【PIMF】OpenHarmony啃论文俱乐部—在ACM Survey闲逛是什么体验
- Freecodecamp ---- budget & category exercise
- Path environment variable
- Summary of common websites
- An essay on the classical "tear down the wall in thinking"
- SPC introduction
- 1-5 nodejs commonjs specification
- Generate random numbers with high quality and Gaussian distribution
- 1-2 JSX syntax rules
猜你喜欢
org. apache. parquet. schema. InvalidSchemaException: A group type can not be empty. Parquet does not su
Get the column name list of the table quickly in Oracle
信息摘要、数字签名、数字证书、对称加密与非对称加密详解
Idea of batch manufacturing test data, with source code
Detailed explanation of Milvus 2.0 quality assurance system
Use case execution of robot framework
Pycham connects to the remote server and realizes remote debugging
DDT + Excel for interface test
Deepinv20 installation MariaDB
English | day15, 16 x sentence true research daily sentence (clause disconnection, modification)
随机推荐
Derivation of Σ GL perspective projection matrix
Milvus 2.0 détails du système d'assurance de la qualité
[problem solving] [show2012] random tree
An essay on the classical "tear down the wall in thinking"
网络安全之渗透靶场实战详解
手写事件发布订阅框架
Sub database and sub table & shardingsphere
Milvus 2.0 質量保障系統詳解
Grpc gateway based on Ocelot
Collect blog posts
Calculation formula related to tolerance analysis
蓝桥杯省一之路06——第十二届省赛真题第二场
Copy constructor shallow copy and deep copy
Detailed explanation of the penetration of network security in the shooting range
SQL: How to parse Microsoft Transact-SQL Statements in C# and to match the column aliases of a view
◰ GL shadow map core steps
Zhongang Mining: Fluorite Flotation Process
自定义my_strcpy与库strcpy【模拟实现字符串相关函数】
Modify the test case name generated by DDT
织梦DEDECMS安全设置指南