iPhone Google Maps API V3ユーザー現在の場所とショーレストラン

Google API V3を使用して現在の場所と近くのレストランやカフェを表示するウェブサイトを作成しようとしています。 Googleのチュートリアルでこのコードを試しましたが、このapiはマップ上の私の現在の位置を表示しますここにコードです： pyrmontがあり、私は別の緯度と経度でそれを変更することができますが、navigator.geolocation.getCurrentPosition（）; おかげiPhone Google Maps API V3ユーザー現在の場所とショーレストラン

と私は、このコードがあると知っている：私はそれから抜け出すの位置を使用する方法を知っていけない...

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=true&libraries=places"></script> 

<script type="text/javascript"> 
    var map; 
    var infowindow; 

if (navigator.geolocation) { 
     navigator.geolocation.getCurrentPosition(success, error); 
    } else { 
     alert('geolocation not supported'); 
    } 

    function success(position) { 
     alert(position.coords.latitude + ', ' + position.coords.longitude); 
    } 

    function error(msg) { 
     alert('error: ' + msg); 
    } 

    function initialize() { 
    var pyrmont = new google.maps.LatLng(48.195201,16.369547); 

    map = new google.maps.Map(document.getElementById('map'), { 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
     center: pyrmont, 
     zoom: 15 
    }); 

    var request = { 
     location: pyrmont, 
     radius: 500, 
     types: ['cafe'] 
    }; 
    infowindow = new google.maps.InfoWindow(); 
    var service = new google.maps.places.PlacesService(map); 
    service.search(request, callback); 
    } 

    function callback(results, status) { 
    if (status == google.maps.places.PlacesServiceStatus.OK) { 
     for (var i = 0; i < results.length; i++) { 
     createMarker(results[i]); 
     } 
    } 
    } 

    function createMarker(place) { 
    var placeLoc = place.geometry.location; 
    var marker = new google.maps.Marker({ 
     map: map, 
     position: place.geometry.location 
    }); 

    google.maps.event.addListener(marker, 'click', function() { 
     infowindow.setContent(place.name); 
     infowindow.open(map, this); 
    }); 
    } 

    google.maps.event.addDomListener(window, 'load', initialize); 
</script>

出典

2011-12-06 xmux

EDITEDは。

検索機能は実際の場所で0の結果を返していたので、私の実際の場所が元のものに近づくようにオフセットしたとき（クエリに一致する結果の密度がわからないため）。、あなたはそれが動作確認するために6.6と89.45を編集する必要がありますが、あなたはそれが動作していない前の例では

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<style> 
#map_canvas{width:500px;height:500px;} 
</style> 
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=true&libraries=places"></script> 
<script type="text/javascript"> 
    var map; 
    var infowindow; 

    function initialize(position) { 
    //var pyrmont = new google.maps.LatLng(48.195201,16.369547); 
    var pyrmont = new google.maps.LatLng(position.coords.latitude+6.6,position.coords.longitude+89.45); 
    map = new google.maps.Map(document.getElementById('map_canvas'), { 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
     center: pyrmont, 
     zoom: 15 
    }); 
    var a = new google.maps.Marker({position: pyrmont,map: map,icon:'http://www.blind-summit.co.uk/wp-content/plugins/google-map/images/marker_blue.png'}); 
    var request = { 
     location: pyrmont, 
     radius: 500, 
     types: ['cafe'] 
    }; 
    infowindow = new google.maps.InfoWindow(); 
    var service = new google.maps.places.PlacesService(map); 
    service.search(request, callback); 
    } 

    function callback(results, status) { 
    if (status == google.maps.places.PlacesServiceStatus.OK) { 
     for (var i = 0; i < results.length; i++) { 
     createMarker(results[i]); 
     } 
    } 
    if (status == google.maps.places.PlacesServiceStatus.ZERO_RESULTS){ 
    alert('zero results near this location'); 
    } 
    } 

    function createMarker(place) { 
    var placeLoc = place.geometry.location; 
    var marker = new google.maps.Marker({ 
     map: map, 
     position: place.geometry.location 
    }); 

    google.maps.event.addListener(marker, 'click', function() { 
     infowindow.setContent(place.name); 
     infowindow.open(map, this); 
    }); 
    } 

    google.maps.event.addDomListener(window, 'load', function(){ 
     navigator.geolocation.getCurrentPosition(initialize); 
    }); 
</script> 
</head> 
<body> 
<div id="map_canvas"></div> 
</body> 
</html>

出典

2011-12-07 05:08:05

私はこの行で何をしますか？ var pyrmont =新しいgoogle.maps.LatLng（48.195201,16.369547）; – xmux

私はこのpyrmontを変更しないとうまくいきませんが、それはまだ同じ場所しか表示されません。どこかではありません。 – xmux

私はそれを実行すると、私はあなたの検索結果と私の場所を取得します。あなたの目標は、ユーザーの周囲を検索することですか？ –

コードに有用になりたいならば、あなたは、検索自体に何かをする必要があります私は少しの変更でコードを修正した、私はこれが助けてくれることを願っています。

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
    <title>Google Maps</title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
    <script src="http://maps.google.com/maps/api/js?libraries=places&region=uk&language=en&sensor=true"></script> 
    <!--<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>--> 
</head> 
<body> 

    <div id="map" style="width: 1200px; height: 600px;"></div> 
    <script type="text/javascript"> 
     var map = new google.maps.Map(document.getElementById('map'), { 
      zoom: 15, 
      center: new google.maps.LatLng(51.5121, -0.1043), 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }); 

     google.maps.event.addListener(map, 'click', function(myEvent) 
     { 
      getPOI(myEvent.latLng); 
     }); 


     function getPOI(latLng) 
     { 
      var request = { 
       location: latLng, 
       radius: 500, 
       types: ['cafe'] 
      }; 
      infowindow = new google.maps.InfoWindow(); 
      var service = new google.maps.places.PlacesService(map); 
      service.search(request, callback); 
     } 

     function callback(results, status) { 
      console.log(results); 
      if (status == google.maps.places.PlacesServiceStatus.OK) { 
       for (var i = 0; i < results.length; i++) { 
        createMarker(results[i]); 
       } 
      } 
      if (status == google.maps.places.PlacesServiceStatus.ZERO_RESULTS){ 
       alert('zero results near this location'); 
      } 
     } 

     function createMarker(place) { 
      //var placeLoc = place.geometry.location; 
      var marker = new google.maps.Marker({ 
          //icon: place.icon, 
          map: map, 
          position: place.geometry.location, 
          title: place.name 
         }); 

      google.maps.event.addListener(marker, 'click', function() { 
       infowindow.setContent(place.name); 
       infowindow.open(map, this); 
      }); 
    } 

    </script> 
</body> 
</html>

出典

2013-09-26 06:54:58 sms247

iPhone Google Maps API V3ユーザー現在の場所とショーレストラン

答えて

関連する問題