Java 从WebGIS应用程序在mysql中存储图像_Java_Php_Html_Mysql_Gis

Java 从WebGIS应用程序在mysql中存储图像

java php html mysql gis

Java 从WebGIS应用程序在mysql中存储图像,java,php,html,mysql,gis,Java,Php,Html,Mysql,Gis,我对写代码完全是个业余爱好者。我想在mysql中创建一个用于存储LNG、lat和其他数据以及图像的应用程序。我设置了一个单独的应用程序，通过WebGIS应用程序存储图像和数据。现在我不知道如何集成这两个应用程序如果有人能帮助我，请向我展示如何集成此代码： <form enctype="multipart/form-data" action="add.php" method="POST"> Photo: <input type="file" name="photo">&

我对写代码完全是个业余爱好者。我想在mysql中创建一个用于存储LNG、lat和其他数据以及图像的应用程序。我设置了一个单独的应用程序，通过WebGIS应用程序存储图像和数据。现在我不知道如何集成这两个应用程序

如果有人能帮助我，请向我展示如何集成此代码：

<form enctype="multipart/form-data" action="add.php" method="POST"> 
Photo: <input type="file" name="photo"><br> 
<input type="submit" value="Add"> 
</form>


照片：

在


谷歌地图JavaScript API v3示例：简单地图
var标记；
var信息窗口；
var customIcons={
餐厅：{
图标：'http://labs.google.com/ridefinder/images/mm_20_blue.png',
影子：'http://labs.google.com/ridefinder/images/mm_20_shadow.png'
},
酒吧：{
图标：'http://labs.google.com/ridefinder/images/mm_20_red.png',
影子：'http://labs.google.com/ridefinder/images/mm_20_shadow.png'
}
};
函数初始化（）{
var latlng=新的google.maps.latlng（45.0000,17.5000）；
变量选项={
缩放：10，
中心：拉特林，
mapTypeId:google.maps.mapTypeId.SATELLITE
}
var map=new google.maps.map（document.getElementById（“地图画布”），选项）；
var html=“”+
“姓名：”+
“地址：”+
“类型：”+
“酒吧”+
“餐厅”+
" " +
"
<!DOCTYPE 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: Map Simple</title>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<link rel="stylesheet" href="/ol/theme/default/style.css" type="text/css">
<link rel="stylesheet" href="/ol/theme/default/google.css" type="text/css">
<link rel="stylesheet" href="style.css" type="text/css">
<script src="/ol/OpenLayers.js"></script>



<script type="text/javascript">




var marker;
var infowindow;

var customIcons = {
  restaurant: {
    icon: 'http://labs.google.com/ridefinder/images/mm_20_blue.png',
    shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png'
  },
  bar: {
    icon: 'http://labs.google.com/ridefinder/images/mm_20_red.png',
    shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png'
  }
};


function initialize() {


  var latlng = new google.maps.LatLng(45.0000, 17.5000);
  var options = {
    zoom: 10,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.SATELLITE
  }
  var map = new google.maps.Map(document.getElementById("map-canvas"), options);
  var html = "<table>" +
             "<tr><td>Name:</td> <td><input type='text' id='name'/> </td> </tr>" +
             "<tr><td>Address:</td> <td><input type='text' id='address'/></td> </tr>" +
             "<tr><td>Type:</td> <td><select id='type'>" +
             "<option value='bar' SELECTED>bar</option>" +
             "<option value='restaurant'>restaurant</option>" +
             "</select> </td></tr>" +
             "<tr><td></td><td><input type='button' value='Save & Close onclick='saveData()'/></td></tr>";
infowindow = new google.maps.InfoWindow({
 content: html
});

google.maps.event.addListener(map, "click", function(event) {
    marker = new google.maps.Marker({
      position: event.latLng,
      map: map
    });
    google.maps.event.addListener(marker, "click", function() {
      infowindow.open(map, marker);
    });
});

}


function saveData() {
  var name = escape(document.getElementById("name").value);
  var address = escape(document.getElementById("address").value);
  var type = document.getElementById("type").value;
  var latlng = marker.getPosition();

  var url = "phpsqlinfo_addrow.php?name=" + name + "&address=" + address +
            "&type=" + type + "&lat=" + latlng.lat() + "&lng=" + latlng.lng();
  downloadUrl(url, function(data, responseCode) {
    if (responseCode == 200 && data.length <= 1) {
      infowindow.close();
      document.getElementById("message").innerHTML = "Location added.";
    }
  });

}

function downloadUrl(url, callback) {
  var request = window.ActiveXObject ?
      new ActiveXObject('Microsoft.XMLHTTP') :
      new XMLHttpRequest;

  request.onreadystatechange = function() {
    if (request.readyState == 4) {
      request.onreadystatechange = doNothing;
      callback(request.responseText, request.status);
    }
  };

  request.open('GET', url, true);
  request.send(null);
}

function doNothing() {}




</script>
</head>

<body style="margin:10px; padding:10px;" onload="initialize()">
<div id="map-canvas" style="width: 100%; height: 800px"></div>
<div id="message"></div>
</body>

</html>