iphone - Googleマップで場所のリストを表示する方法

Question

gps から緯度経度を取得する必要がある iPhone アプリケーションを作成しています。現在、update-location デリゲート メソッドを呼び出し、配列に新しい場所を追加しています。その後、ゴーグル マップにすべての緯度経度 (場所) を表示する必要があります。すべての場所間のルート。

ルートを表示するのを手伝ってください。前もって感謝します

Answer 1

これは、GoogleMaps JavaScript API を使用して行う方法です。

<style>
  #map_canvas {
    height: 190px;
    width: 300px;
    margin-top: 0.6em;
  }
</style>
<script src="https://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>
<div id="map_canvas" ></div>

<script language="javascript" type="text/javascript">  
var latitude = 44.056389;
var longitude = -121.308056;

function initialize() {
        var mapOptions = { 
          center: new google.maps.LatLng(latitude,longitude),
          zoom: 9,
          streetViewControl: false,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById('map_canvas'),
          mapOptions);

        // Create a draggable marker which will later on be binded to a
        // Circle overlay.
        var marker = new google.maps.Marker({
          map: map,
          position: new google.maps.LatLng(latitude,longitude),
          draggable: true
        });

        // Add a Circle overlay to the map.
        var circle = new google.maps.Circle({
            strokeColor: "#0000FF",
            strokeOpacity: 0.4,
            strokeWeight: 2,
            fillColor: "#0000FF",
            fillOpacity: 0.20,
            map: map,
            radius: 16000 // meters
        });

        circle.bindTo('center', marker, 'position');

        google.maps.event.addListener(marker, 'dragend', function() {
            var location = marker.getPosition();
            latitude = location.lat();
            longitude = location.lng();
        });

        google.maps.event.addListener(autocomplete, 'place_changed', function() {
          var place = autocomplete.getPlace();
          var location = place.geometry.location;
          map.setCenter(location);
          map.setZoom(9);  // Why 9? Because it looks good.
          marker.setPosition(location);
          latitude = location.lat();
          longitude = location.lng();
        });

      }
</script>