javaee框架下Google地图与Mysql
我正在使用JavaEE开发一个web应用程序,它从MySql数据库中获取人们的地址,并在Google地图上显示他们的位置javaee框架下Google地图与Mysql,java,mysql,jsp,google-maps,jakarta-ee,Java,Mysql,Jsp,Google Maps,Jakarta Ee,我正在使用JavaEE开发一个web应用程序,它从MySql数据库中获取人们的地址,并在Google地图上显示他们的位置 目前我正在手动操作,因为我不知道如何在JSP中集成GoogleMaps。请告诉我如何使用Java。首先,应该使用servlet。此servlet从数据库获取数据并将其转换为json格式 使用ajax获取json数据,然后使用Google map JavaScript API。首先从数据库中获取所有地址的列表,然后使用Google geocoder服务获取这些地址的经纬度。下面
目前我正在手动操作,因为我不知道如何在JSP中集成GoogleMaps。请告诉我如何使用Java。首先,应该使用servlet。此servlet从数据库获取数据并将其转换为json格式
使用ajax获取json数据,然后使用Google map JavaScript API。首先从数据库中获取所有地址的列表,然后使用Google geocoder服务获取这些地址的经纬度。下面是示例代码()。然后你可以在地图上创建谷歌地图标记。下面是示例代码
希望能有所帮助。嘿,伙计们,这段代码最终帮了我的忙,我感觉很高兴。非常感谢:
<sql:setDataSource var="enterdata"
driver="com.mysql.jdbc.Driver"
user="root" password="root"
url="jdbc:mysql://localhost/enterdata" />
<sql:query var="list" dataSource="${enterdata}"
sql= "SELECT * from cropdata where FarmerName=\"${param.FarmerName}\"" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js? sensor=false"></script>
<script type="text/javascript">
var markers = [<c:forEach var="s" items="${list.rows}">
['Farmer Name :${s.FarmerName}<br>Crop Type:${s.CropName}',${s.Latitude},${s.longitude}],
</c:forEach>
];
function initializeMaps() {
var latlng = new google.maps.LatLng(markers[0][1],markers[0][2]);
var myOptions = {
zoom: 18,
center: latlng,
mapTypeId: google.maps.MapTypeId.SATELLITE,
mapTypeControl: false
};
var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
var infowindow = new google.maps.InfoWindow(), marker, i;
for (i = 0; i < markers.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(markers[i][1], markers[i][2]),
map: map
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(markers[i][0]);
infowindow.open(map, marker);
}
})(marker, i));
}
}
变量标记=[
['Farmer Name:${s.FarmerName}
作物类型:${s.CropName}',${s.Latitude},${s.longitude}],
];
函数初始化映射(){
var latlng=new google.maps.latlng(markers[0][1],markers[0][2]);
变量myOptions={
缩放:18,
中心:拉特林,
mapTypeId:google.maps.mapTypeId.SATELLITE,
mapTypeControl:false
};
var map=new google.maps.map(document.getElementById(“map_canvas”),myOptions);
var infowindow=new google.maps.infowindow(),marker,i;
对于(i=0;i
@Yogesh-请仔细回答这个问题。它将解决你一半的顾虑