此问题在此处已有答案：
Combine Google Maps API with geolocation（1个答案）
昨天关门了。
它不显示任何错误或警告，除了没有关键警告，但仍然不显示Map在我的网页上。它只显示纬度和经度的文本值，这意味着getlocation（）和showposition（）正在工作。
”
<!DOCTYPE html>
<html>
<head>
<title>MY FORM</title>
</head>
<body>
<button onclick="getLocation()">trysd</button>
<div id="map"></div>
<script
type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?v=3.exp&callback=Function.prototype"
></script>
<script>
let x = document.getElementById('map')
function getLocation() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPosition)
} else {
x.innerHTML = 'Geolocation is not supported by this browser.'
}
}
function showPosition(position) {
x.innerHTML =
'Latitude: ' +
position.coords.latitude +
'<br>Longitude: ' +
position.coords.longitude
var mapProp = {
center: new google.maps.LatLng(
position.coords.latitude,
position.coords.longitude
),
zoom: 5,
}
var map = new google.maps.Map(document.getElementById('map'), mapProp)
}
</script>
</body>
</html>”
1条答案
按热度按时间ffx8fchx1#
尝试使用CSS或内联样式将固定的
width和height添加到<div id="map">元素中。