無法插入地圖

我找到了允許獲取城市信息的代碼。我如何使用簡單的地圖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>

來源

2015-06-10 Gianni Pasquetta

您可能會添加一些您嘗試獲得幫助的示例。你可以隨時更新你的問題。歡迎大家堆棧溢出，推薦閱讀：http：//stackoverflow.com/help/how-to-ask –

沒有刪除或修改上面的代碼，怎麼能實現一個Google map？ –

在發佈的代碼中沒有地圖。你問什麼地圖？ – geocodezip

使用代碼在這個環節。

然後，您可以將您的函數codeLatLng複製到新代碼上並調用它。

來源

2015-06-12 14:20:51 Michael

如果你想顯示標記使用此代碼：

// 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' 
       });

來源

2015-06-10 13:39:55 Arseniy

和我把這個代碼？ –

例如後： //城市數據警報（city.short_name +「」 + city.long_name）和替換「點1」到當前的名字城市 – Arseniy

簡化版，工作... blankSpace我的三星galaxy S4 –

無法插入地圖

回答

相關問題