Hello World
html
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name=renderer content=webkit>
<title>地图-基本地图</title>
</title>
<!-- core -->
<link rel="stylesheet" href="https://deyihu-static-public-1300406971.cos.ap-shanghai.myqcloud.com/yymap@latest/dist/yy.min.css" />
<script type="text/javascript" src="https://deyihu-static-public-1300406971.cos.ap-shanghai.myqcloud.com/yymap@latest/dist/yy.min.js"></script>
<!-- gl render plugin -->
<script src="https://deyihu-static-public-1300406971.cos.ap-shanghai.myqcloud.com/yymap@latest/dist/yymap-gl.min.js"></script>
<!-- 3d visual lib -->
<script type="text/javascript" src="https://deyihu-static-public-1300406971.cos.ap-shanghai.myqcloud.com/yymap-geovgl-new@latest/dist/yymap-geovgl.min.js"></script>
<script type="text/javascript">
function getAssetPath() {
return 'http://58.211.183.162:8941/yymap-examples-static/';
}
</script>
<style type="text/css">
html,
body {
margin: 0px;
height: 100%;
width: 100%;
}
.container {
width: 100%;
height: 100%;
}
</style>
<body>
<div id="map" class="container"></div>
<script>
const map = new YY.Map('map', {
centerCross: true,
// bearing:-90,
center: [120.34, 31.309622415877158],
// pitch:40,
// overviewControl:true,
zoom: 6,
// minZoom:4
});
const googleTileLayer = YY.LayerLookup.lookup('amap');
map.addBaseLayer(googleTileLayer);
map.on('click', function(e) {
console.log(e.coordinate.toArray());
})
</script>
</body>
</html>