-3

私の英語でごめんなさい。地図上に 2 つ以上の異なるポリラインを描画できるかどうかを知りたいです。たとえば、ニューヨークからマイアミまでのポリライン オブジェクトと、サンフランシスコからロサンゼルスまでのその他のオブジェクトです。誰でも私に例を挙げてもらえますか。

4

1 に答える 1

0

はい、もちろん。

<!DOCTYPE html>
<html>
<head>
<title>Draw two polylines</title>

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map { height: 100% }
</style>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>

<script type="text/javascript">
    function initialize() {
        var NYLatlng = new google.maps.LatLng(40.781321,-73.965855);
        var MiamiLatlng = new google.maps.LatLng(25.786908,-80.226002);
        var SFLatlng = new google.maps.LatLng(37.774514,-122.441311);
        var LALatlng = new google.maps.LatLng(34.041281,-118.240585);

        var map = new google.maps.Map(document.getElementById("map"), {
            zoom: 2,
            center: new google.maps.LatLng(0,0),
            mapTypeId: google.maps.MapTypeId.ROADMAP
        });

        var line1 = new google.maps.Polyline({
            path: [NYLatlng, MiamiLatlng],
            strokeColor: "#FF0000",
            strokeOpacity: 1.0,
            strokeWeight: 1,
            map: map
        });

        var line2 = new google.maps.Polyline({
            path: [SFLatlng, LALatlng],
            strokeColor: "#0000FF",
            strokeOpacity: 1.0,
            strokeWeight: 1,
            map: map
        });

        // make the map zoomed in enough to see all the polylines
        var bounds = new google.maps.LatLngBounds();
        bounds.extend(NYLatlng);
        bounds.extend(MiamiLatlng);
        bounds.extend(SFLatlng);
        bounds.extend(LALatlng);
        map.fitBounds(bounds);
    }

    google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
  <div id="map"></div>
</body>
</html>
于 2013-05-23T10:08:13.837 に答える