GTUG Geo TechTalk
 インクカートリッジ里帰りプロジェクトの地図検索機能における
業務適用事例

1. 2011/3/7 Google

2. ■
■
ABC
■
/
/
/
6
( 3639 )

4. http://www.inksatogaeri.jp/

5. http://www.inksatogaeri.jp/

6. http://www.inksatogaeri.jp/

7. http://www.inksatogaeri.jp/

13. GeoLocationAPI
GeoLocationAPI
If(navigator.geolocation){//
wid = navigator.geolocation.watchPosition(update);
}

14. GeoLocationAPI
GeoLocationAPI
If(navigator.geolocation){//
wid = navigator.geolocation.watchPosition(update);
}
Android
if(!navigator.geolocation) navigator.geolocation = google.gears.factory.create('beta.geolocation');

15. GeoLocationAPI
GeoLocationAPI
If(navigator.geolocation){//
wid = navigator.geolocation.watchPosition(update);
}
Android
if(!navigator.geolocation) navigator.geolocation = google.gears.factory.create('beta.geolocation');
//
function update(position){
var lat = position.coords.latitude;
var lng = position.coords.longitude;
var currentPos = new google.maps.LatLng(lat, lng);
map.setCenter(currentPos);
//
navigator.geolocation.clearWatch(wid);
}

16. Data Get
var httpObj = createHttpRequest();
httpObj.open("GET",url,true);
httpObj.onreadystatechange = function() {
if (httpObj.readyState == 4 && httpObj.status == 200){
if(httpObj.responseText != ""){
obj = eval("("+httpObj.responseText+")");
}
}
httpObj.send(null);
}
$(function() {
$.getJSON("data.json",function(obj){
hoge(obj);
});
});

17. GeoCoding
//
var gc = new google.maps.Geocoder();
gc.geocode({ address : adrs }, function(results, status){
if (status == google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
}else{
alert(status+" : ");
}
});

18. StreetView
//
var svp = new google.maps.StreetViewPanorama(
document.getElementById("streetview"), {
position : new google.maps.LatLng(lat,lng)
}
);
if(svp.getVisible()){
map.setStreetView(svp);
}

19. Directions
//
var directionsRenderer = new google.maps.DirectionsRenderer(rendererOptions);
directionsRenderer.setMap(map);
var request = {
origin: point1,
destination: point2,
travelMode: google.maps.DirectionsTravelMode.WALKING
};
var directionsService = new google.maps.DirectionsService();
directionsService.route(request, function(result, status){
if (status == google.maps.DirectionsStatus.OK) {
directionsRenderer.setDirections(result);
}
});

20. Tips
//
function clearOverlays() {
if (markersArray) {
for (i in markersArray) {
markersArray[i].setMap(null);
}
}
}
markersArray.push(marker);
//infoWindow
google.maps.event.addListener(marker, "click", function() {
infowindow = new google.maps.InfoWindow({
content: html
});
if (currentInfoWindow) {
currentInfoWindow.close();
}
infowindow.open(map, marker);
currentInfoWindow = infowindow;
});

21. Tips
Charset
Infowindow
Charset HTML
window.parent.document.f
orm.
V2 V3

22. Tips
//For Client
rc = map.getBounds();
mapArea = rc.getSouthWest() +","+rc.getNorthEast();
var url = "http://hoge/fuga.php?ll="+mapArea+"&cache="+(new Date()).getTime();
var httpObj = createHttpRequest();
httpObj.open("GET",url,true);
httpObj.send(null);
NE(lat,lng)
SW(lat,lng)

23. Tips
//For Client
rc = map.getBounds();
mapArea = rc.getSouthWest() +","+rc.getNorthEast();
var url = "http://hoge/fuga.php?ll="+mapArea+"&cache="+(new Date()).getTime();
var httpObj = createHttpRequest();
httpObj.open("GET",url,true);
httpObj.send(null);
//For Server
$sql = "SELECT * FROM hoge
where ((lat BETWEEN $swlat and $nelat) and (lng BETWEEN $swlng and $nelng))";
NE(lat,lng)
SW(lat,lng)

24. Tips
URL
→
→
→
→
Server→Network→Browser

25. MashupAward
MashupAward6
API
GoogleMaps → →
→ or API
→ →
Data
API

27. RememberBox
http://ibox.geo.jp/

28. RememberBox
http://ibox.geo.jp/
♪

29. RememberBox
http://ibox.geo.jp/
OAuth Twitter
!
♪

30. RememberBox
http://ibox.geo.jp/
OAuth Twitter
!
Box
♪

31. Thanks a lot !