내 프로젝트 중 하나에 google place autocomplete를 사용하고 싶습니다.하지만 문제는 카운티, 주 및 도시의 항목을 mysql의 다른 항목으로 저장해야한다는 것입니다. 즉 누군가 엄마와 결과가 Mumbai (도시), Maharashtra (주), 인도 (국가)로 표시되면이 모든 3 항목은 mysql에 다른 항목으로 저장해야합니다. 이것을 할 수 있습니까?mysql 문제의 google place autocomplete 항목
0
A
답변
1
이 페이지를 참조하고 즐기십시오. http://stackoverflow.com/help/how-to- -
<!DOCTYPE HTML>
<html>
<head>
<title>Place Autocomplete Address and type</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500">
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false&language=it"></script>
</head>
<body>
<input id="autocomplete" placeholder="Enter your address"
type="text"></input>
<br>
<br>
<div id="divToPrint" style="clear: both; float: left; border:solid 1px black; height: 32px;"></div>
<script>
/* set a default Bounds */
var defaultBounds = new google.maps.LatLngBounds(
new google.maps.LatLng(52.207606672865225, -0.9448242187499911),
new google.maps.LatLng(52.464377026041284, -0.2746582031249841));
/* get a input tag with id = autocomplete */
var input = document.getElementById('autocomplete');
/* set a options */
var options = {
bounds: defaultBounds,
types: ['geocode'],
};
/* register a autocomplete object into a variable named autocomplete */
var autocomplete = new google.maps.places.Autocomplete(input, options);
/* listen a place_changed event into variable autocomplete and do: */
google.maps.event.addListener(autocomplete, 'place_changed', function() {
/* reset a defaultBounds into variable */
autocomplete.setBounds(defaultBounds);
/* get a response place */
var place = autocomplete.getPlace();
/* initilize the componentsTypePlace */
var componentsTypePlace = "";
/* get a div tag with id = divToPrint */
var divToPrint = document.getElementById('divToPrint');
/* get a legth of request address */
var addressLengthplace = place.address_components.length;
/* cycle into a adress_components */
for(var i=0; i < addressLengthplace; i++){
/* get a value of address_component type */
componentsTypePlace = place.address_components[i].types[0];
/* get a value of address_component array[i] */
var val = place.address_components[i].long_name;
/* insert into div a value of address component and its type */
divToPrint.innerHTML += "//"+ componentsTypePlace + " : " + val +" //";
}
});
</script>
</body>
</html>
0
<link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500">
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>
<script>
var placeSearch, autocomplete;
var componentForm = {
street_number: 'short_name',
route: 'long_name',
locality: 'long_name',
administrative_area_level_1: 'long_name',
country: 'long_name',
postal_code: 'short_name'
};
function initialize() {
autocomplete = new google.maps.places.Autocomplete(
/** @type {HTMLInputElement} */(document.getElementById('autocomplete')),
{ types: ['geocode'] });
google.maps.event.addListener(autocomplete, 'place_changed', function() {
//fillInAddress();
});
}
기능 fillInAddress() {
var place = autocomplete.getPlace();
for (var component in componentForm) {
document.getElementById(component).value = '';
document.getElementById(component).disabled = false;
}
for (var i = 0; i < place.address_components.length; i++) {
var addressType = place.address_components[i].types[0];
if (componentForm[addressType]) {
var val = place.address_components[i][componentForm[addressType]];
document.getElementById(addressType).value = val;
}
}
}
function geolocate() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var geolocation = new google.maps.LatLng(
position.coords.latitude, position.coords.longitude);
autocomplete.setBounds(new google.maps.LatLngBounds(geolocation,
geolocation));
});
}
}
</script>
<body onload="initialize()">
<div id="locationField">
<input id="autocomplete" placeholder="Enter your address" onFocus="geolocate()" type="text" value= <?php if(isset($location)): echo $location; else: echo '""'; endif; ?> name="data[Location][location]" class ="input-block-level" required ="required">
</div>
</body>
관련 문제
- 1. google place autocomplete 구현
- 2. google maps api place autocomplete getPlace() not working
- 3. MySql - autocomplete
- 4. Google Place Request_Denied Horror
- 5. google place api
- 6. Google Place Picker는 도시를 취득합니까?
- 7. Google Place Api- 여러 위치
- 8. google place marker.title에 아이콘 표시
- 9. Google place api 잘못된 결과
- 10. 테이블 변경 필드 Place Mysql
- 11. Google Maps Autocomplete API?
- 12. 우분투 로그인 문제의 mysql
- 13. AutoCompleteTextView Google Place API 사용이 작동하지 않습니다.
- 14. google-place autocomplete 지시어가 한 페이지에 두 번 사용될 때 작동하지 않습니다.
- 15. jQuery ajax autocomplete php mysql
- 16. Ruby에서 google place API를 사용하는 방법?
- 17. Ios Swift Place google 장소가있는 사진 sdk
- 18. iOS6에서 사용하기위한 Google Place API 및 TOS
- 19. Google place API 통합이 작동하지 않는 이유
- 20. Google Place Add to Python 사용 방법
- 21. Google place API에 대한 고객 ID
- 22. Google Place API 검색이 부분 이름으로 작동합니까?
- 23. Google Place API - LRD 코드를 추출하는 방법
- 24. Jquery Autocomplete 표시 할 항목 수를 늘리십시오.
- 25. jquery autocomplete - 클릭 가능한 추가 항목
- 26. jQuery UI Autocomplete : 항목 저장뿐만 아니라 값?
- 27. MySQL 오류 : 중복 항목
- 28. JavaBeans place
- 29. Google Map Autocomplete : 제안이 선택되는시기를 아는 방법?
- 30. MKMapKit과 함께 사용하는 Google Autocomplete API
는 이미이 일을 위해 무엇을하려고했는지주십시오 청하다 – Michal