Tôi đã nhìn thấy nhiều người khác có cùng câu hỏi nhưng không thể tìm thấy câu trả lời. Tôi có một bản đồ đơn giản mà tôi đã tạo bằng cách sử dụng api v3 Javascript của Google Maps. Bản đồ có một vài điểm đánh dấu được liên kết với một infowindow để hiển thị thông tin cụ thể cho từng điểm đánh dấu. Tôi muốn thêm một biểu đồ google vào infowindow nhưng không thể tìm ra cách để làm điều đó. Tôi đã đi qua từng bài viết duy nhất tôi có thể tìm thấy (ở đây và trong các diễn đàn khác) và tôi đã nhận thấy những người khác đang cố gắng làm một cái gì đó tương tự nhưng có vẻ như không có câu trả lời cụ thể. Tôi đã nhận thấy mọi người đang thành công khi thực hiện điều đó bằng cách sử dụng các bảng tổng hợp, nhưng đây không phải là trường hợp của tôi khi tôi tải dữ liệu từ một bảng MySQL. Để bây giờ tôi có một bản đồ đơn giản mà mã được hiển thị dưới đây:Thêm một biểu đồ google vào một infowindow bằng cách sử dụng bản đồ google api
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(-33.837342,151.208954),
zoom: 10,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
mapOptions);
var data = [
['Bondi Beach', -33.891044,151.275537],
['Cronulla Beach', -34.046544,151.159601],
];
var myLatLng1 = new google.maps.LatLng(-33.891044,151.275537);
var myLatLng2 = new google.maps.LatLng(-34.046544,151.159601);
var marker1 = new google.maps.Marker({
position: myLatLng1,
map: map
});
var marker2 = new google.maps.Marker({
position: myLatLng2,
map: map
});
google.maps.event.addListener(marker1, 'click', function() {
var infowindow1 = new google.maps.InfoWindow();
infowindow1.setContent('Display the chart here');
infowindow1.open(map, marker1);
});
google.maps.event.addListener(marker2, 'click', function() {
var infowindow2 = new google.maps.InfoWindow();
infowindow2.setContent('Display the chart here');
infowindow2.open(map, marker1);
infowindow2.setContent('Display the chart here');
infowindow2.open(map, marker2);
});
}
và đây là mã cho một biểu đồ đơn giản ví dụ:
https://google-developers.appspot.com/chart/interactive/docs/quick_start
Tôi đã thử nhiều cách tiếp cận khác nhau và một trong những dường như rõ ràng hơn với tôi là thêm một container() trong thuộc tính setContent của InfoWindow và sau đó gọi một hàm bên ngoài để tạo biểu đồ. Điều này dường như không hoạt động vì chức năng không thể nhìn thấy vùng chứa. Tôi cũng đã cố gắng để nhúng toàn bộ mã cho bảng xếp hạng trong tài sản setContent như đề xuất về bài đăng này:
using google chart tools in a google maps api infowindow content string
tôi đã quản lý để thực thi mã không có lỗi, tuy nhiên không có gì được hiển thị. Cách tiếp cận Anotther sẽ tạo biểu đồ trong một trang html khác và bằng cách nào đó đặt trang này thành thuộc tính setContent, cũng không đạt được thành công.
Tôi sắp từ bỏ vì tôi không thể thấy cách thực hiện việc này.
Tôi đánh giá cao bất kỳ trợ giúp nào.
Cảm ơn
Jose
Nó hoạt động như một sự quyến rũ. Đó chính xác là những gì tôi đang tìm kiếm. Cảm ơn rất nhiều vì sự giúp đỡ của bạn. Thực sự đánh giá cao! –
Bạn được chào đón. –
@ Dr.Molle Bạn chắc chắn là người đàn ông nhất !!! Cảm ơn một triệu, đây chính xác là những gì tôi đang tìm kiếm. – jiraiya