我的学校任务是创建移动优先,网站原型(所以不是应用程序)。 我想在网站上整合谷歌地图 - , I've already put ground overlay in it,但我也想启用“我的位置图层”。但是,当我尝试在代码中插入 mMap.setMyLocationEnabled(true); 时,我的位置按钮不会出现。
以下是代码:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#map {
height: 100%;
}
html, body {
height: 100%;
margin: 0;
padding: 0;
}
</style>
<script type="text/javascript">
var historicalOverlay;
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 17,
center: {lat: 55.380, lng: 10.342652}
});
var imageBounds = {
north: 55.384621,
south: 55.376012,
east: 10.3473,
west: 10.333567
};
historicalOverlay = new google.maps.GroundOverlay(
'map2.svg',
imageBounds);
historicalOverlay.setMap(map);
}
mMap.setMyLocationEnabled(true);
</script>
</head>
<body>
</body>
</html>
<div id="map"></div>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDbO6MrlSuKnLv7Q2bmDHYERx4t3_zHrAM&callback=initMap">
</script>