html Google Map Javascript API v3の基本の使い方

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html Google Map Javascript API v3の基本の使い方相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <title>Google Maps JavaScript API サンプル</title>
        <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=TRUE_OR_FALSE"></script>
        <script>
            function initialize() {
                var latlng = new google.maps.LatLng(35.630442,139.882951);
                var opts = {
                    zoom: 14,
                    center: latlng,
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };
                var map = new google.maps.Map(document.getElementById("map_canvas"), opts);

                var m_latlng1 = new google.maps.LatLng(35.632605,139.88132);
                var marker1 = new google.maps.Marker({
                    position: m_latlng1,
                    map: map
                });

                var m_latlng2 = new google.maps.LatLng(35.625663,139.884238);
                var marker2 = new google.maps.Marker({
                    position: m_latlng2,
                    map: map
                });
            }
        </script>

    </head>
    <body onload="initialize()">
        <p>Google Maps APIを使ったサンプルです。</p>

        <div id="map_canvas" style="width:500px; height:300px"></div>

    </body>
</html>

以上是关于html Google Map Javascript API v3の基本の使い方的主要内容，如果未能解决你的问题，请参考以下文章

html 使用Google Map API进行地理编码

html Google Map V3示例，多个标记+说明

iOS Google Map API错误

html Google Map Javascript API v3の基本の使い方

python调用google map api

将 Google Map iFRAME 放置在 HTML 表格行的页面中心