-1
私は開発したv3とGoogleマップをjavascriptとvb.netで開発しました。データベースにマップを添付するにはvb.netを参照してください。私のGoogleマップをGoogle EarthのKMZファイルにエクスポート
ここでhttp://202.125.144.34:80/Map/Cotton.aspx
も
<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>
取り組んでいるこのマップを作るための私の完全なコードは、任意のPossibiltyをGoogle earth.Ifのいやに1つのノウハウ開いているKMZファイルを作るために、このマップをエクスポートすることありありその後助けてください
はいもちろん、最新のデータを使用してデータベースから読み込む動的エクスポート実装を作成したいと思います。 –
あなたは基本的にあなたが必要とするすべてを持っていると思います。それぞれのマーカーを_Point_を含むKML _Placemark_として再作成することができます。ポイントにマーカやカスタム画像を添付して、既存のマップと同じに見えるようにすることができます。そこから、InfoWindowに現在表示している既存のテーブルマークアップを取得し、それを転送することができます。 GoogleマップでのKMLサポートに関する情報は、https：//developers.google.com/kml/documentation/mapsSupport –
ですが、私の既存のGoogleマップをkmzまたはkmlファイルに変換またはエクスポートする完全な方法はありません。教えてください私のステップまたはこれを行うためのサンプルコード –