2015-06-10 3 views
0

Я нахожу код, который позволяет получить информацию о городе. Как я могу реализовать это с помощью простой карты https://developers.google.com/maps/documentation/javascript/examples/map-simple? Я бы посмотрел эту карту только в своем приложении. функция такая же, что и запись в коде.Не в состоянии вставить карту

<!DOCTYPE html> 
<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>Reverse Geocoding</title> 

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript"> 
    var geocoder; 

    if (navigator.geolocation) { 
    navigator.geolocation.getCurrentPosition(successFunction, errorFunction); 
} 

function successFunction(position) { 
    var lat = position.coords.latitude; 
    var lng = position.coords.longitude; 
    codeLatLng(lat, lng) 
} 

function errorFunction(){ 
    alert("Geocoder failed"); 
} 

    function initialize() { 
    geocoder = new google.maps.Geocoder(); 



    } 

    function codeLatLng(lat, lng) { 

    var latlng = new google.maps.LatLng(lat, lng); 
    geocoder.geocode({'latLng': latlng}, function(results, status) { 
     if (status == google.maps.GeocoderStatus.OK) { 
     console.log(results) 
     if (results[1]) { 
     //formatted address 
     alert(results[0].formatted_address) 
     //find country name 
      for (var i=0; i<results[0].address_components.length; i++) { 
      for (var b=0;b<results[0].address_components[i].types.length;b++) { 

      //there are different types that might hold a city admin_area_lvl_1 usually does in come cases looking for sublocality type will be more appropriate 
       if (results[0].address_components[i].types[b] == "administrative_area_level_1") { 
        //this is the object you are looking for 
        city= results[0].address_components[i]; 
        break; 
       } 
      } 
     } 
     //city data 
     alert(city.short_name + " " + city.long_name) 


     } else { 
      alert("No results found"); 
     } 
     } else { 
     alert("Geocoder failed due to: " + status); 
     } 
    }); 
    } 
</script> 
</head> 
<body onload="initialize()"> 

</body> 
</html> 
+0

вы, вероятно, добавите несколько примеров того, что вы пытались получить, чтобы получить любую помощь. Вы всегда можете обновить свой вопрос. Добро пожаловать в переполнение стека, рекомендуемое чтение: http://stackoverflow.com/help/how-to-ask –

+0

Без удаления или изменения кода выше, как можно реализовать карту Google? –

+0

В размещенном коде нет карты. На какой карте вы спрашиваете? – geocodezip

ответ

0

использовать код в этой ссылке .

Затем вы можете скопировать код функцииLatLng в новый код и вызвать его.

0

Если вы хотите показать Используйте маркер, этот код:

// options for display map 
    var mapOptions = { 
     zoom: 14, 
     center: new google.maps.LatLng(lat, long), 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
     } 

    // color and image point 
     var pinColor = "ECECEC"; 
     var pinImage = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|" + pinColor, 
     pinShadow = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_pin_shadow"; 

// display map and marker 
      map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); var marker = new google.maps.Marker({ 
       map: map, 
       position: new google.maps.LatLng(lat, long), 
       icon: pinImage, 
       shadow: pinShadow, 
       title: 'Point 1' 
       }); 
+0

и где я помещаю этот код? –

+0

, например, после того, как: // городских данных оповещения (city.short_name + "" + city.long_name) и заменить 'точки 1' имя вашего города – Arseniy

+0

does't работы ... blankSpace на моем Samsung Galaxy S4 –