-1
v3과 함께 v3을 사용하여 Google지도를 개발했으며 일부 서버 측 코드는 데이터베이스에지도를 첨부합니다. 여기 내지도의 링크는내 Google지도를 Google 어스 용 KMZ 파일로 내 보냅니다.
입니다. 여기 http://202.125.144.34:80/Map/Cotton.aspx구글 earth.If의 아니 하나 아는 열려 있어야 KMZ 파일을 만들기 위해이지도를 내보낼 잘
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Cotton</title>
<script runat=server>
Dim mgps As New Text.StringBuilder
Public ReadOnly Property GPS() As String
Get
Return mgps.ToString
End Get
End Property
</script>
<% Dim con As New OleDbConnection
con = New OleDbConnection("Data Source=sml; User ID=sml; Password=sml; provider=OraOLEDB.Oracle")
con.Open()
Dim cmd As OleDbCommand = New OleDbCommand("select * from GPS_MAP", con)
Dim ds As New DataSet
Dim I As Long
Dim da As New OleDbDataAdapter(cmd)
da.Fill(ds, "GPS_MAP")
mgps.AppendLine("[")
For I = 0 To ds.Tables("GPS_MAP").Rows.Count - 1
'AppendLine("new google.maps.LatLng(" & ds.Tables("GPS").Rows(I).Item("GPS_ONE") & "),")
'station.AppendLine(ds.Tables("GPS").Rows(I).Item("GPS_ONE"))
Dim station As String = ds.Tables("GPS_MAP").Rows(I).Item("STA_NAME")
Dim party As String = ds.Tables("GPS_MAP").Rows(I).Item("PARTY_NAME")
Dim address As String = ds.Tables("GPS_MAP").Rows(I).Item("ADDRESS")
Dim namerep As String = ds.Tables("GPS_MAP").Rows(I).Item("NAME_REP")
Dim avg0809 As String = ds.Tables("GPS_MAP").Rows(I).Item("AVG_08_09")
Dim avg0910 As String = ds.Tables("GPS_MAP").Rows(I).Item("AVG_09_10")
Dim avg1011 As String = ds.Tables("GPS_MAP").Rows(I).Item("AVG_10_11")
Dim avg1112 As String = ds.Tables("GPS_MAP").Rows(I).Item("AVG_11_12")
Dim brk0809 As String = ds.Tables("GPS_MAP").Rows(I).Item("BRK_08_09")
Dim brk0910 As String = ds.Tables("GPS_MAP").Rows(I).Item("BRK_09_10")
Dim brk1011 As String = ds.Tables("GPS_MAP").Rows(I).Item("BRK_10_11")
Dim brk1112 As String = ds.Tables("GPS_MAP").Rows(I).Item("BRK_11_12")
Dim bales0809 As String = ds.Tables("GPS_MAP").Rows(I).Item("BALES_08_09")
Dim NETWT0809 As String = ds.Tables("GPS_MAP").Rows(I).Item("NETWT_08_09")
Dim bales0910 As String = ds.Tables("GPS_MAP").Rows(I).Item("BALES_09_10")
Dim NETWT0910 As String = ds.Tables("GPS_MAP").Rows(I).Item("NETWT_09_10")
Dim bales1011 As String = ds.Tables("GPS_MAP").Rows(I).Item("BALES_10_11")
Dim NETWT1011 As String = ds.Tables("GPS_MAP").Rows(I).Item("NETWT_10_11")
Dim bales1112 As String = ds.Tables("GPS_MAP").Rows(I).Item("BALES_11_12")
Dim NETWT1112 As String = ds.Tables("GPS_MAP").Rows(I).Item("NETWT_11_12")
mgps.AppendLine("{GPS:new google.maps.LatLng(" & ds.Tables("GPS_MAP").Rows(I).Item("GPS_ONE") & "), TITLE:'" & station & "',BALES0809:'" & bales0809 & "',NETWT0809:'" & NETWT0809 & "',BALES0910:'" & bales0910 & "',NETWT0910:'" & NETWT0910 & "',BALES1011:'" & bales1011 & "',NETWT1011:'" & NETWT1011 & "',BALES1112:'" & bales1112 & "',NETWT1112:'" & NETWT1112 & "',PARTYNAME:'" & party & "',ADDRESS:'" & address & "',NAMEREP:'" & namerep & "',AVG0809:'" & avg0809 & "',AVG0910:'" & avg0910 & "',AVG1011:'" & avg1011 & "',AVG1112:'" & avg1112 & "',BRK0809:'" & brk0809 & "',BRK0910:'" & brk0910 & "',BRK1011:'" & brk1011 & "',BRK1112:'" & brk1112 & "'},")
Next I
mgps.AppendLine("];")
con.Close()
%>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map_canvas { height: 100% }
</style>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script src="http://acme.com/javascript/Clusterer.js" type="text/javascript"></script>
<script type="text/javascript">
var map;
var markers = new Array();
function initialize() {
var map_center = new google.maps.LatLng(31.2330555556,72.3330555556);
var GPS = <%=GPS %>
var myOptions = {
zoom: 9,
scaleControl:true,
pancontrol: true,
streetViewControl: true,
center: map_center,
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
},
mapTypeId: google.maps.MapTypeId.HYBRID
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var infowindow = new google.maps.InfoWindow();
//var clusterer = new Clusterer(map);
for(i=0; i<GPS.length; i++)
{
// var image = 'ico/no.png';
markers[i] = new google.maps.Marker(
{
position: GPS[i].GPS,
map: map,
draggable:true,
Info:'<table style="border:1px solid #000000;font-family: Arial; font-size:10px;" cellpadding="0" cellspacing="0"><tr>'+
'<td colspan="6" style="border:1px solid #000000;border-bottom:0;">'+
'<span style="font-family: Arial"><b>'+ GPS[i].PARTYNAME + '</b></span></td></tr><tr>'+
'<td colspan="6" style="border:1px solid #000000;border-bottom:0;">'+
'<span style="font-family: Arial">'+ GPS[i].ADDRESS +'</span></td></tr><tr>'+
'<td colspan="6" style="border:1px solid #000000;border-bottom:0;">'+
'<span style="font-family: Arial">'+ GPS[i].NAMEREP + '</span></td></tr><tr><td colspan="2" style="border:1px solid #000000;border-bottom:0;"></td>'+
'<td style="border:1px solid #000000;border-bottom:0;"><span style="font-family: Arial">Bales</span></td><td style="border:1px solid #000000;border-bottom:0;">'+
'<span style="font-family: Arial">Net Weight</span></td><td style="border:1px solid #000000;border-bottom:0;">'+
'<span style="font-family: Arial">Average rate per Maund</span></td><td style="border:1px solid #000000;border-bottom:0;">'+
'<span style="font-family: Arial">Broker</span></td></tr><tr><td style="border:1px solid #000000;border-bottom:0;">'+
'<span style="font-family: Arial">2011-2012</span></td><td rowspan="4" style="border:1px solid #000000;border-bottom:0;"></td>'+
'<td style="border:1px solid #000000;border-bottom:0; text-align:right;"><span style="font-family: Arial">' + GPS[i].BALES1112 + '</span></td>'+
'<td style="border:1px solid #000000;border-bottom:0; text-align:right;">' + GPS[i].NETWT1112 + '</td><td style="border:1px solid #000000;border-bottom:0; text-align:right;">'+ GPS[i].AVG1112 + '</td>'+
'<td style="border:1px solid #000000;border-bottom:0; ">'+ GPS[i].BRK1112 + '</td></tr><tr><td style="border:1px solid #000000;border-bottom:0;">'+
'<span style="font-family: Arial">2010-2011</span></td><td style="border:1px solid #000000;border-bottom:0; text-align:right;">'+
'<span style="font-family: Arial">'+ GPS[i].BALES1011 + '</span></td> <td style="border:1px solid #000000;border-bottom:0; text-align:right;">'+ GPS[i].NETWT1011 + '</td>'+
'<td style="border:1px solid #000000;border-bottom:0; text-align:right;">'+ GPS[i].AVG1011 + '</td><td style="border:1px solid #000000;border-bottom:0;">' + GPS[i].BRK1011 + '</td></tr><tr>'+
'<td style="border:1px solid #000000;border-bottom:0;"><span style="font-family: Arial">2009-2010</span></td><td style="border:1px solid #000000;border-bottom:0; text-align:right;">'+
'<span style="font-family: Arial">'+ GPS[i].BALES0910 + '</span></td>'+
'<td style="border:1px solid #000000;border-bottom:0; text-align:right;">' + GPS[i].NETWT0910 + '</td><td style="border:1px solid #000000;border-bottom:0; text-align:right;">'+ GPS[i].AVG0910 + '</td>'+
'<td style="border:1px solid #000000;border-bottom:0; ">'+ GPS[i].BRK0910 + '</td></tr><tr><td style="border:1px solid #000000;border-bottom:0;">'+
'<span style="font-family: Arial">2008-2009</span></td><td style="border:1px solid #000000;border-bottom:0; text-align:right;">'+
'<span style="font-family: Arial">'+ GPS[i].BALES0809 + '</span></td><td style="border:1px solid #000000;border-bottom:0; text-align:right;">'+ GPS[i].NETWT0809 + '</td>'+
'<td style="border:1px solid #000000;border-bottom:0; text-align:right;">'+ GPS[i].AVG0809 +'</td><td style="border:1px solid #000000;border-bottom:0;">'+ GPS[i].BRK0809 + '</td></tr></table>',
title:GPS[i].TITLE
});
google.maps.event.addListener(markers[i], 'click', function() {
infowindow.setContent(this.Info);
infowindow.open(map,this);
});
}
}
</script>
</head>
<body onload="initialize()" style="text-align: center">
<div id="map_canvas" style="width:100%; height:100%; text-align: center;">
</div>
</body>
</html>
을하고있다이지도를 만들기위한 내 전체 코드가 어떤 사용되고 있습니다입니다 그럼 도와주세요
예 물론 최신 정보를 사용하여 데이터베이스에서 읽는 동적 내보내기 구현을 만들고 싶습니다. infowindow에 감사드립니다. –
그러면 기본적으로 필요한 모든 것이 있다고 생각합니다. 각 마커를 _Point_가 포함 된 KML _Placemark_로 다시 만들 수 있습니다. 그런 다음 마커 또는 사용자 지정 이미지를 포인트에 첨부하여 기존 맵과 유사하게 만들 수 있습니다. 거기에서 InfoWindow에 현재 표시하고있는 기존 테이블 마크 업을 거의 가져올 수있을 것입니다. Google지도의 KML 지원에 대한 정보는 다음 페이지에서 확인할 수 있습니다. https://developers.google.com/kml/documentation/mapsSupport –
하지만 기존 Google지도를 kmz 또는 kml 파일로 변환하거나 내보내는 데 필요한 완벽한 방법이 없습니다. 알려주세요. 나 단계 또는 일부 샘플 코드 –