`
tsinglongwu
  • 浏览: 229908 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

myEclipse Repositories自带的googleMap例子，贴出来供学习(转载)

MyeclipseGoogleJSPPHPIDE 
阅读更多
1.map.js 
function updateAddress(address) {
    geocoder.getLatLng(address, function(location) {
        map.setCenter(location, 13);
        var marker = new google.maps.Marker(location);
        map.addOverlay(marker);
        marker.openInfoWindowHtml(getAddressInfo(address));
        
        latField.value = location.lat();
        lngField.value = location.lng();
    });
}

function getAddressInfo(address) {
    return address + "<br><a href=\"http://www.myeclipseide.com\">Powered by MyEclipse IDE</a>";
}

2.google.jsp 
<%@ page language="java" contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>MyEclipse Google Maps Example</title>
        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="expires" content="0">

        <script type="text/javascript"
            src="http://www.google.com/jsapi?key=ABQIAAAA7rD1jbUY1XVWsL0ov0bKehRP189eykzPrrAV7tRgT92eURxrGxQHDNt6Nc2DQaubssvpI9493dhTGg"></script>
        <script type="text/javascript">
              google.load("maps", "2");
              var map = null;
              var geocoder = null;
              google.setOnLoadCallback(function initmap() {
                  map = new google.maps.Map2(document.getElementById("map"));
                  geocoder = new google.maps.ClientGeocoder();
              });          
        </script>
        <script type="text/javascript" src="resources/map.js"></script>
    </head>
    <body>
        <h1>
            MyEclipse Google Maps Example
        </h1>
        
        <hr>
        <table>
            <tr>
                <td valign="top">
                    <table>
                        <tr>
                            <td valign="top" align="left">
                                Address:
                                <br>
                            </td>
                            <td />
                        </tr>
                        <tr>
                            <td valign="top" colspan="2">
                                <form onsubmit="updateAddress(addrField.value); return false">
                                    <input type="text" id="addrField">
                                    <input type="submit" value="Find" />
                                </form>
                            </td>
                        </tr>
                        <tr>
                            <td align="right">
                                Latitude:
                            </td>
                            <td>
                                <input type="text" id="latField" style="width: 95px" />
                            </td>
                        </tr>
                        <tr>
                            <td align="right">
                                Longitude:
                            </td>
                            <td valign="top">
                                <input type="text" id="lngField" style="width: 95px">
                            </td>
                        </tr>
                    </table>
                </td>
                <td>
                    <div id="map"
                        style="border: blue 1px solid; width: 640px; height: 4800px">
                    </div>
                </td>
            </tr>
        </table>
    </body>
</html>

From: http://www.javadn.com/read.php?tid-403.html


分享到：
| zk两种分页方式之比较
评论
发表评论

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

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics