Javascript 显示包含数据库数据的信息窗口标记

Javascript 显示包含数据库数据的信息窗口标记,javascript,google-maps-markers,Javascript,Google Maps Markers,我有一个标记,它放置在数据库中lat lng的每个位置,现在我想在标记的信息窗口中显示,当它单击时,显示它自己标记中的每个数据行,它具有基于数据库中lat lng的信息。这是我的代码: //menampilkan INFOWINDOW MARKER A var isi = "<b>Jumlah Kejadian</b> = 10 <br> <b>Kendaraan yang terlibat</b> =

我有一个标记,它放置在数据库中lat lng的每个位置,现在我想在标记的信息窗口中显示,当它单击时,显示它自己标记中的每个数据行,它具有基于数据库中lat lng的信息。这是我的代码:

//menampilkan INFOWINDOW MARKER A

        var isi =
        "<b>Jumlah Kejadian</b> = 10 <br> <b>Kendaraan yang terlibat</b> = 10"
        ;

        var infowindow = new google.maps.InfoWindow({
          content: isi
        });

        google.maps.event.addListener(homeMarker, 'click', function() {
          infowindow.open(map,homeMarker);
        });

//menampilkan INFOWINDOW MARKER B
        var isi2 = 
        "<b>Jumlah Kejadian</b> = 1 <br> <b>Kendaraan yang terlibat</b> = 2"
        // '<IMG BORDER="1" ALIGN="center" SRC="rambulucu.jpg">'

        var infowindow2 = new google.maps.InfoWindow({
          content: isi2
        });

        google.maps.event.addListener(homeMarker2, 'click', function() {
          infowindow2.open(map,homeMarker2);
        });      
  }
});
//menampilkan信息窗口标记A
var isi=
“朱姆拉·凯贾迪亚=10
10岁” ; var infowindow=new google.maps.infowindow({ 内容:isi }); google.maps.event.addListener(homeMarker,'click',function(){ 信息窗口。打开(地图、homeMarker); }); //menampilkan信息窗口标记B 变量isi2= “朱姆拉·凯贾迪亚=1
2岁” // '' var infowindow2=新建google.maps.InfoWindow({ 内容:isi2 }); google.maps.event.addListener(homeMarker2,'click',function(){ 信息窗口2.打开(地图、homeMarker2); }); } });
该标记只包含来自我自己信息的信息,而不包含来自数据库的信息。这是我的数据库:

我想像“Nama,Jumlah kejadian等”一样显示在只包含自己数据的标记上


<script>    
function initialize() {

                          // you can pass your php variable to javascript variable(locations) as an array.
                            var locations = [
                            ['Lorem Ipsum Dolor sit amet 1', 1.1031994976981054,104.07207012176514, 3],
                            ['Lorem Ipsum Dolor sit amet 2', 1.1041994976981054,104.07307012176514, 2],
                            ['Lorem Ipsum Dolor sit amet 3', 1.1021994976981054,104.07407012176514, 1]
                                                ];

                                var myLatlng = new google.maps.LatLng(locations[0][1], locations[0][2]);
                                var mapOptions = {
                                    zoom: 15,
                                    center: myLatlng
                                };



                                var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
                                var infowindow = new google.maps.InfoWindow();

                                var marker, i;
                                // you can use looping to show multiple marker.
                                    for (i = 0; i < locations.length; i++) {  
                                      marker = new google.maps.Marker({
                                        position: new google.maps.LatLng(locations[i][1], locations[i][2]),
                                        map: map
                                      });

                                      google.maps.event.addListener(marker, 'click', (function(marker, i) {
                                        return function() {
                                          infowindow.setContent(locations[i][0]);
                                          infowindow.open(map, marker);
                                        }
                                      })(marker, i));
                                    }



                                google.maps.event.addListener(marker, 'click', function () {
                                    infowindow.open(map, marker);
                                });

                                google.maps.event.addListener(marker, 'dragend', function (e) {
                                    document.getElementById("Latitude").value = e.latLng.lat();
                                    document.getElementById("Longitude").value = e.latLng.lng();
                                });
                        }

                        google.maps.event.addDomListener(window, 'load', initialize);
</script>

<style>
 #map-canvas{
   width: 500px;
   border: 1px solid red;
   height: 500px;
 }
</style>

<div id="map-canvas"></div>
函数初始化(){ //您可以将php变量作为数组传递给javascript变量(位置)。 变量位置=[ [Lorem Ipsum Dolor sit amet 1',1.1031994976981054104.07207012176514,3], [Lorem Ipsum Dolor sit amet 2',1.1041994976981054104.0730701176514,2], [Lorem Ipsum Dolor sit amet 3',1.1021994976981054104.074070176514,1] ]; var mylatng=new google.maps.LatLng(位置[0][1],位置[0][2]); 变量映射选项={ 缩放:15, 中心:myLatlng }; var map=new google.maps.map(document.getElementById('map-canvas'),mapOptions); var infowindow=new google.maps.infowindow(); var标记,i; //可以使用循环显示多个标记。 对于(i=0;i

函数初始化(){
//您可以将php变量作为数组传递给javascript变量(位置)。
变量位置=[
[Lorem Ipsum Dolor sit amet 1',1.1031994976981054104.07207012176514,3],
[Lorem Ipsum Dolor sit amet 2',1.1041994976981054104.0730701176514,2],
[Lorem Ipsum Dolor sit amet 3',1.1021994976981054104.074070176514,1]
];
var mylatng=new google.maps.LatLng(位置[0][1],位置[0][2]);
变量映射选项={
缩放:15,
中心:myLatlng
};
var map=new google.maps.map(document.getElementById('map-canvas'),mapOptions);
var infowindow=new google.maps.infowindow();
var标记,i;
//可以使用循环显示多个标记。
对于(i=0;i