Javascript 谷歌地图中的覆盖
我对谷歌地图中的覆盖有一个问题 问题是iam使用数据库中的纬度和经度来显示覆盖 但它没有显示覆盖层Javascript 谷歌地图中的覆盖,javascript,google-maps,Javascript,Google Maps,我对谷歌地图中的覆盖有一个问题 问题是iam使用数据库中的纬度和经度来显示覆盖 但它没有显示覆盖层 <%@page contentType="text/html" pageEncoding="UTF-8"%> <%@page import="java.sql.*" %> <% Connection connection = null; boolean foundResults =
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@page import="java.sql.*" %>
<%
Connection connection = null;
boolean foundResults = false;
ResultSet set = null;
Statement statement = null;
String lat=null;
String lng=null;
%>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps JavaScript API v3 Example: Geocoding Simple</title>
<link href="http://code.google.com/apis/maps/documentation/javascript/examples/standard.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var map;
function initialize()
{
var myLatLng = new google.maps.LatLng(18.9, 72.8);
var myOptions = {
zoom: 11,
center: myLatLng,
mapTypeId: google.maps.MapTypeId.TERRAIN
};
map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
see();
}
function see()
{
<%
int count=0;
try
{
Class.forName("org.postgresql.Driver");
connection = DriverManager.getConnection("jdbc:postgresql://localhost:5432/postgres","postgres", "password");
statement = connection.createStatement();
set = statement.executeQuery("SELECT count(lat) from latng");
while(set.next())
{
count = set.getInt(1);
}
}
catch(Exception e)
{
}
%>
var locations = new Array(<%= count%>);
for(i = 0; i < locations.length; i++)
{
locations[i] = new Array(<%= count%>);
}
<%
int i=0;
try
{
Class.forName("org.postgresql.Driver");
connection = DriverManager.getConnection("jdbc:postgresql://localhost:5432/postgres","postgres", "password");
statement = connection.createStatement();
set = statement.executeQuery("SELECT lat, lng FROM latng");
while(set.next())
{
lat=set.getString(1);
lng=set.getString(2);
%>
locations[<%= i %>][0]=<%= lat%>;
locations[<%= i %>][1]=<%= lng%>;
<%
i++;
}
%>
var i;
var infowindow = new google.maps.InfoWindow();
var marker;
for (i = 0; i < locations.length; i++)
{
marker = new google.maps.Marker({position: new google.maps.LatLng(locations[i][0],locations[i][1]),map: map});
var flightPlanCoordinates=[new google.maps.LatLng(locations[i][0],locations[i][1])];
var flightPath = new google.maps.Polyline({
path: flightPlanCoordinates,
strokeColor: "#FF0000",
strokeOpacity: 1.0,
strokeWeight: 2
});
flightPath.setMap(map);
}
<%
}
catch(Exception e)
{
}
%>
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width=100%; height:80%"></div>
</body>
</html>
谷歌地图JavaScript API v3示例:地理编码简单
var映射;
函数初始化()
{
var mylatng=newgoogle.maps.LatLng(18.9,72.8);
变量myOptions={
缩放:11,
中心:myLatLng,
mapTypeId:google.maps.mapTypeId.TERRAIN
};
map=new google.maps.map(document.getElementById(“map_canvas”),myOptions);
见();
}
函数请参见()
{
变量位置=新数组();
对于(i=0;i
谢谢,请有人帮我………..好的,目前还没有完整的答案,但我有一个工作要做: (与往常一样,没有JSP代码) 检查它,并反馈我,如果这在您的场景中是一个有问题的案例
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps JavaScript API v3 Example: Geocoding Simple</title>
<link href="http://code.google.com/apis/maps/documentation/javascript/examples/standard.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var map;
function initialize()
{
var myLatLng = new google.maps.LatLng(18.9, 72.8);
var myOptions = {
zoom: 11,
center: myLatLng,
mapTypeId: google.maps.MapTypeId.TERRAIN
};
map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
see();
}
function see()
{
var locations = new Array(3); //(<%= count%>);
for(i = 0; i < locations.length; i++)
{
locations[i] = new Array(2); //This one is wrong!! (<%= count%>);
}
for(i = 0; i < locations.length; i++) {
locations[i][0]=18.9 + i/100;
locations[i][1]=72.8 + i/100;
}
var i;
var infowindow = new google.maps.InfoWindow();
var marker;
for (i = 0; i < locations.length; i++)
{
marker = new google.maps.Marker({position: new google.maps.LatLng(locations[i][0],locations[i][1]),map: map});
var flightPlanCoordinates=[new google.maps.LatLng(locations[i][0],locations[i][1])];
var flightPath = new google.maps.Polyline({
path: flightPlanCoordinates,
strokeColor: "#FF0000",
strokeOpacity: 1.0,
strokeWeight: 2
});
flightPath.setMap(map);
}
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width=100%; height:80%"></div>
</body>
</html
谷歌地图JavaScript API v3示例:地理编码简单
var映射;
函数初始化()
{
var mylatng=newgoogle.maps.LatLng(18.9,72.8);
变量myOptions={
缩放:11,
中心:myLatLng,
mapTypeId:google.maps.mapTypeId.TERRAIN
};
map=new google.maps.map(document.getElementById(“map_canvas”),myOptions);
见();
}
函数请参见()
{
变量位置=新数组(3);/();
对于(i=0;i 好的,目前还没有完整的答案,但我有一个工作要做:
(与往常一样,没有JSP代码)
检查它,并反馈我,如果这在您的场景中是一个有问题的案例
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps JavaScript API v3 Example: Geocoding Simple</title>
<link href="http://code.google.com/apis/maps/documentation/javascript/examples/standard.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var map;
function initialize()
{
var myLatLng = new google.maps.LatLng(18.9, 72.8);
var myOptions = {
zoom: 11,
center: myLatLng,
mapTypeId: google.maps.MapTypeId.TERRAIN
};
map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
see();
}
function see()
{
var locations = new Array(3); //(<%= count%>);
for(i = 0; i < locations.length; i++)
{
locations[i] = new Array(2); //This one is wrong!! (<%= count%>);
}
for(i = 0; i < locations.length; i++) {
locations[i][0]=18.9 + i/100;
locations[i][1]=72.8 + i/100;
}
var i;
var infowindow = new google.maps.InfoWindow();
var marker;
for (i = 0; i < locations.length; i++)
{
marker = new google.maps.Marker({position: new google.maps.LatLng(locations[i][0],locations[i][1]),map: map});
var flightPlanCoordinates=[new google.maps.LatLng(locations[i][0],locations[i][1])];
var flightPath = new google.maps.Polyline({
path: flightPlanCoordinates,
strokeColor: "#FF0000",
strokeOpacity: 1.0,
strokeWeight: 2
});
flightPath.setMap(map);
}
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width=100%; height:80%"></div>
</body>
</html
谷歌地图JavaScript API v3示例:地理编码简单
var映射;
函数初始化()
{
var mylatng=newgoogle.maps.LatLng(18.9,72.8);
变量myOptions={
缩放:11,
中心:myLatLng,
mapTypeId:google.maps.mapTypeId.TERRAIN
};
map=new google.maps.map(document.getElementById(“map_canvas”),myOptions);
见();
}
函数请参见()
{
变量位置=新数组(3);/();
对于(i=0;ifunction see() {
var locations = new Array(3); //(<%= count%>);
for (i = 0; i < locations.length; i++) {
locations[i] = new Array(2); //This one is wrong!! (<%= count%>);
}
for (i = 0; i < locations.length; i++) {
locations[i][0] = 18.9 + i / 100;
locations[i][1] = 72.8 + i / 100;
}
var i;
var infowindow = new google.maps.InfoWindow();
var marker;
for (i = 0; i < locations.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][0], locations[i][1]),
map: map
});
//pushing Lat Lng to use to create polyline
flightPlanCoordinates.push(new google.maps.LatLng(locations[i][0], locations[i][1]));
}
var flightPath = new google.maps.Polyline({
path: flightPlanCoordinates,
strokeColor: "#FF0000",
strokeOpacity: 1.0,
strokeWeight: 2
});
flightPath.setMap(map);
}