API Google Maps - Bản đồ không được tải

Tôi đã cố gắng nhúng bản đồ google vào trang web của mình nhưng không thành công nhiều. Tôi đã sử dụng phần mã tiếp theo: (i đang sử dụng một phím api thực tế trên máy tính của riêng tôi)API Google Maps - Bản đồ không được tải

<script type="text/javascript" 
    src="https://maps.googleapis.com/maps/api/js?key=myapikey&sensor=true"> 
</script> 
<script type="text/javascript"> 
    function initialize() { 
    var mapOptions = { 
     center: new google.maps.LatLng(-34.397, 150.644), 
     zoom: 8, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(document.getElementById("map-canvas"), 
     mapOptions); 
    } 
    google.maps.event.addDomListener(window, 'load', initialize); 
</script>

bên <body> phần tôi đã thêm <div id="map-canvas" style="width: 40%; height: 40%"></div>

Làm thế nào tôi có thể xử lý vấn đề này? Cảm ơn trước

Nguồn

2013-03-29 Anonymous

có vẻ như vấn đề với phím api, cố gắng loại bỏ từ URL –

Như tôi đã đề cập trong bài đăng - tôi đã có khóa api, chỉ cần thay thế bằng "myapikey" cho bài đăng –

sử dụng công cụ chrome dev để xem tệp bản đồ js có được tải hay không, nếu có thì sử dụng công cụ gỡ lỗi và đặt điểm ngắt trong bản đồ var và đảm bảo rằng đối tượng được tạo. –

Chỉ định chiều rộng và chiều cao của canvas là độ dài tuyệt đối thay vì %.

Ví dụ:

<div id="map-canvas" style="width: 300px; height: 400px"></div>

Ngoài ra, gắn bó với % cho vải nhưng đặt nó bên trong một container với chiều rộng và chiều cao quy định như độ dài tuyệt đối.

<div style="width:1000px; height:800px;"> 
    <div id="map-canvas" style="width: 40%; height: 40%"></div> 
</div>

Nguồn

2013-03-29 10:45:32

Chúng tôi đã có một người chiến thắng :) Cảm ơn! –

Trong trường hợp bạn don `t muốn sửa kích thước của bạn với chiều rộng và chiều cao tuyệt đối trong px, đảm bảo rằng tất cả các thẻ cha mẹ có chiều cao 100%

ví dụ html -> cơ thể -> some_ids -> Bản đồ-id

Tất cả đều có chiều cao và chiều rộng trong%

ref: https://developers.google.com/maps/documentation/javascript/tutorial

Nguồn

2017-12-27 12:41:01

API Google Maps - Bản đồ không được tải

Trả lời

Các vấn đề liên quan