Javascript 显示包含数据库数据的信息窗口标记
我有一个标记,它放置在数据库中lat lng的每个位置,现在我想在标记的信息窗口中显示,当它单击时,显示它自己标记中的每个数据行,它具有基于数据库中lat lng的信息。这是我的代码: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> =
//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