<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="components/loader.css">
<script src="components/loader.js"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=GOOGLEのAPIキー&sensor=false"></script>
<script>
$(function(){
$("#mapBtn").on("click",onMapBtn);
// 現在位置をとりだす
var option = {
frequency: 5000,
timeout: 6000
};
navigator.geolocation.getCurrentPosition(onPosSuccess, onPosError, option);
});
function onPosSuccess(position) {
dispmap(position.coords.latitude,position.coords.longitude);
}
function dispmap(lat,lng){
$("#mypos").html("緯度：" + lat + "<BR/>" +"経度：" + lng);
//地図に設定
var latlng = new google.maps.LatLng(lat,lng);
var opts = {
zoom: 15,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), opts);
}
function onPosError(msg) {
alert(msg);
}
function onMapBtn()
{
var baseurl = "http://maps.google.com/maps/api/geocode/json";
var mydata = {};
mydata['address']=$("#chkpos").val();
mydata['sensor']='false';
$.ajax({
type: "GET",
url: baseurl,
dataType:"json",
data:mydata,
success: function(msg){
dispmap(msg.results[0].geometry.location.lat,msg.results[0].geometry.location.lng);
},
error: function(XMLHttpRequest, textStatus, errorThrown){
msg="";
msg=msg+" status:"+XMLHttpRequest.status;
msg=msg+" statusText:"+XMLHttpRequest.statusText;
msg=msg+" textStatus:"+textStatus;
msg=msg+" errorThrown:"+errorThrown;
alert(msg);
}
});
}
</script>
</head>
<body>
<div>場所<INPUT TYPE=TEXT id=chkpos name=chkpos/><button id="mapBtn">検索</button></div>
<div id="mypos">
</div>
<div id="map_canvas" align="center" style="width:330px;height:330px;background-color:#99cc00;">地図</div>
<button id="retBtn" onclick="window.open('index.html','_self');">戻る</button>
</body>
</html>
|
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="components/loader.css">
<script src="components/loader.js"></script>
<script>
function myfunc() {
var fname = "file:///storage/sdcard0/DCIM/Camera/1439791690213.jpg";
var errorHandler = function(e){
alert("error");
console.debug(e);
};
window.resolveLocalFileSystemURL(fname, function(fileEntry){
fileEntry.file(function(file){
var fileReader = new FileReader();
fileReader.onload = function(event) {
$("#myimg").attr('src', event.target.result);
};
fileReader.onerror = function(event) {
alert(event.toString());
};
fileReader.readAsDataURL(file);
}, errorHandler);
});
}
</script>
</head>
<body>
<img id="myimg" src="" width="150" height="250"/>
画像
<button id="retBtn" onclick="myfunc();">表示</button>
</body>
</html>
|
 アクセス |
|||
|---|---|---|---|
| 閲覧 | 1,688 | PV |  |
| 訪問者 | 870 | IP |  |
 トータル |
|||
| 閲覧 | 34,554,262 | PV | |
| 訪問者 | 8,538,885 | IP | |
 ランキング |
|||
| 日別 | 555 | 位 | |
| 週別 | 610 | 位 | |
