google map 加点

dongyangjava

浏览: 19900 次
性别:
来自: 济南

最近访客更多访客>>

落叶葬花魂

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (9)

社区版块

存档分类

2009-11 ( 9)
更多存档...

Google XML JavaScript XHTML HTML

最近在做地图方面的东西，用到了google map ，特拿来跟大家一起分享！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Google Maps JavaScript API Example</title>
<script
    src="http://maps.google.com/maps?file=api&v=2&key="
    type="text/javascript"></script>
<script
    src="http://gmaps-utility-library.googlecode.com/svn/trunk/labeledmarker/release/src/labeledmarker.js"
    type="text/javascript">

</script>

<script src="http://gmaps-utility-library.googlecode.com/svn/trunk/markermanager/release/src/markermanager.js"
type="text/javascript">
</script>
<script type="text/javascript">
    //<![CDATA[

    function marks(){
        var markerarr = new Array();

        //得到xml文件中的地理信息经纬度
        GDownloadUrl("markers.xml", function(data, responseCode) {

            var xml = GXml.parse(data);
            var markers = xml.documentElement
                    .getElementsByTagName("marker");
            for ( var i = 0; i < markers.length; i++) {
                var point = new GLatLng(parseFloat(markers[i]
                        .getAttribute("lat")), parseFloat(markers[i]
                        .getAttribute("lng")));
                //markerarr.push(new GMarker(point));

                var marker = new GMarker(point);
                //添加点击事件，连数据库
                GEvent.addListener(marker, "click", function() {
                    alert("您点击了图标。");
                                });
                    //添加到数组中
                markerarr[i] = marker;

            }
        });

        return markerarr;
        }
    //产生地图
    function load() {
        if (GBrowserIsCompatible()) {
            var map = new GMap2(document.getElementById("map"));
            map.addControl(new GLargeMapControl());
            map.addControl(new GScaleControl());
            map.setCenter(new GLatLng(36.71299, 119.15698), 10);
            // var mm = new MarkerManager(map);
               // mm.addMarkers(marks(),11,15);

                //var mgrOptions = { borderPadding: 50, maxZoom: 18, trackMarkers: true };
               //创建图标器，自动管理，设置课时范围为16层
                var mgr = new MarkerManager(map);
                mgr.addMarkers(marks(),16);
                //刷新显示
                mgr.refresh();
        }
    }

    //]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 800px; height: 500px"></div>
</body>
</html>

3
顶

1
踩

分享到：

java代码实现xls转换为xml

2009-11-02 14:21
浏览 2522
评论(1)
分类:编程语言
查看更多

1 楼 dicmo 2010-10-19

请问我怎么在后台拿到许多地址，然后全部显示出来

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论