none
怎么使用google maps api? RRS feed

  • 问题

  • 我查看了官方文档https://developers.google.com/maps/documentation/javascript/tutorial?hl=zh-cn,里面的 Hello World,怎么都运行不起来呢?

    <!DOCTYPE html>
    <html>
    <head>
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <style type="text/css">
            html { height: 100% }
            body { height: 100%; margin: 0px; padding: 0px }
            #map_canvas { height: 100% }
        </style>
        <script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>
        <script type="text/javascript">
            function initialize() {
            var latlng = new google.maps.LatLng(-34.397, 150.644);
            var myOptions = {
            zoom: 8,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
            };
            var map = new google.maps.Map(document.getElementById("map_canvas"),
            myOptions);
            }
        </script>
    </head>
    <body onload="initialize()">
    <div id="map_canvas" style="width:100%; height:100%"></div>
    </body>
    </html>


    开心了就笑,不开心了就过会儿再笑

    2012年3月31日 9:31

答案

  • 经纬度转地址,贴出我的成功代码,分享给大家(使用的是API V3版)

    <html>
    <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
        function GetmyPos() {
            //var input = document.getElementById("latlng").value;
            //var latlngStr = input.split(",", 2);
            var inputWei = document.getElementById("tWei").value;
            var inputJing = document.getElementById("tJing").value;
            var lat = parseFloat(inputWei); //纬度
            var lng = parseFloat(inputJing); //经度
            var latlng = new google.maps.LatLng(lat, lng);
            var geocoder = new google.maps.Geocoder();
            geocoder.geocode({ 'latLng': latlng }, function (results, status) {
                if (status == google.maps.GeocoderStatus.OK) {
                    if (results[1]) {
                        alert("文本地址:"+results[1].formatted_address);
                    }
                } else {
                    alert("Geocoder failed due to: " + status);
                }
            });
        }
    </script>
    </head>
    <body>
    经度:<input type="text" id="tJing" value="120.012032" />
    维度:<input type="text" id="tWei" value="30.237011" />
    <!--<input type="text" id="latlng" value="30.237011,120.012032" />-->
    <button type="button" onclick="GetmyPos()">获取地址</button>
    </body>
    </html>


    开心了就笑,不开心了就过会儿再笑

    • 已标记为答案 NewJoin 2012年4月5日 1:50
    2012年4月5日 1:50

全部回复

  • 我主要是想把经纬度转换成文本地址,https://developers.google.com/maps/documentation/javascript/services?hl=zh-cn#ReverseGeocoding,这里是反响地址解析的


    开心了就笑,不开心了就过会儿再笑

    2012年3月31日 9:36
  • 你好,

    这个Hello World 在我这边运行很正常的,请再仔细检查。


    Please mark the replies as answers if they help or unmark if not.
    If you have any feedback about my replies, please contact msdnmg@microsoft.com
    Microsoft One Code Framework

    2012年4月3日 7:36
    版主
  • 在我的电脑上 加载API这句 
    <script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>使用 http协议才有效。很奇怪呢

    开心了就笑,不开心了就过会儿再笑

    2012年4月4日 7:35
  • 经纬度转地址,贴出我的成功代码,分享给大家(使用的是API V3版)

    <html>
    <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript">
        function GetmyPos() {
            //var input = document.getElementById("latlng").value;
            //var latlngStr = input.split(",", 2);
            var inputWei = document.getElementById("tWei").value;
            var inputJing = document.getElementById("tJing").value;
            var lat = parseFloat(inputWei); //纬度
            var lng = parseFloat(inputJing); //经度
            var latlng = new google.maps.LatLng(lat, lng);
            var geocoder = new google.maps.Geocoder();
            geocoder.geocode({ 'latLng': latlng }, function (results, status) {
                if (status == google.maps.GeocoderStatus.OK) {
                    if (results[1]) {
                        alert("文本地址:"+results[1].formatted_address);
                    }
                } else {
                    alert("Geocoder failed due to: " + status);
                }
            });
        }
    </script>
    </head>
    <body>
    经度:<input type="text" id="tJing" value="120.012032" />
    维度:<input type="text" id="tWei" value="30.237011" />
    <!--<input type="text" id="latlng" value="30.237011,120.012032" />-->
    <button type="button" onclick="GetmyPos()">获取地址</button>
    </body>
    </html>


    开心了就笑,不开心了就过会儿再笑

    • 已标记为答案 NewJoin 2012年4月5日 1:50
    2012年4月5日 1:50