程序博客网 > 阿富汗现状知乎

简单使用Google Map

来源：互联网发布：阿富汗现状知乎编辑：程序博客网时间：2024/05/21 17:29

首先用要使用地图的网站域名注册一个Google map 密钥。

引入一个JavaScript <script src="http://ditu.google.cn/maps?file=api&v=2&key=ABQIAAAAJC6UKB3-X-noiqdp_wSqmhTSqQr7Z0KM5RHdYSFpkOjhAO0fZBR2amJK69TtOQhEQ0sI3ovCk2Ro9w&hl=zh-CN" type="text/javascript"></script>

然后编写另外一个JavaScript

<script type="text/javascript">
    var map = null;
    var geocoder = null;
    var marker;
    function initialize()
    {
        if (GBrowserIsCompatible())
        {
            map = new GMap2(document.getElementById("map"));
            map.addControl(new GLargeMapControl());                 //加入地圖縮放工具
            map.addControl(new GMapTypeControl());                 //加入地圖切換的工具
            map.addMapType(G_PHYSICAL_MAP);                         //加入地形圖
            map.setCenter(new GLatLng(39.917, 116.397), 13);
            map.enableGoogleBar();
            map.addControl(new GOverviewMapControl());
            geocoder = new GClientGeocoder();
        }
        var loadingGoogle=window.parent.document.getElementById("loadingGoogle");
        if(loadingGoogle)
          loadingGoogle.style.display="none";
    }

    function createMarker(point,title,html)
    {
        var marker = new GMarker(point);

        GEvent.addListener(marker, "click", function()
        {
            marker.openInfoWindowHtml(
                html,
                {
                    maxContent: html,
                    maxTitle: title}
                );
        });
        return marker;
    }
    function showAddress(address)
    {
        if (geocoder)
        {
            geocoder.getLatLng(
                address,
                function(point)
                {
                    if (!point)
                    {
                        alert(address + " not found");
                    }
                    else
                    {
                        if(marker)
                        {
                            map.removeOverlay(marker); //移除上一個點
                        }
                        map.setCenter(point, 13);
                        var title = "地址";
                        marker = createMarker(point,title,address);
                        map.addOverlay(marker);
                        marker.openInfoWindowHtml(
                            address,
                            {
                                maxContent: address,
                                maxTitle: title}
                            );
                    }
                }
            );
        }
    }
    </script>

然后：<body onload="initialize();showAddress(<%=request.getParameter("address")%>)" onunload="GUnload()">

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

<%=request.getParameter("address")%>这个就是要显示的地址。

就是这样简单。

阿富汗现状知乎

阿富汗现状知乎

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子北京上门换电瓶电动汽车换电瓶多少钱电瓶车换锁要多少钱汽车电瓶一般多久换一次车子换电瓶多少钱换电动车电瓶怎么拆汽车电瓶汽车电瓶怎么拆汽车更换电瓶多少钱更换汽车电瓶多少钱电瓶没电了电瓶ah是不是越大越好换电瓶注意事项车保养一次多少钱保养一次车子多少钱怎样判断汽车电瓶该换了新车一般买来多久才换电瓶换电站换皮厚皮沙发换皮洗衣机皮碗键盘皮肤怎么换淘宝怎么换皮肤 2019皮肤碎片商店必换换键盘皮肤荣耀水晶换哪个皮肤好换季节皮肤过敏手机软件皮肤怎么换 qq开心荣耀换皮肤是真的吗怎么给键盘换皮肤 qq皮肤怎么换不了换打字的皮肤软件换季节皮肤痒怎么办 kpl兑换下载换限定皮肤输入法怎么换皮肤 qq资料的皮肤怎么换打字的皮肤怎么换如何换手机键盘皮肤怎么换键盘的皮肤经常换护肤品对皮肤好吗 uu换皮肤