GMap

来源：互联网发布：淘宝订单几天过期编辑：程序博客网时间：2024/04/27 16:13

    <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
    <!DOCTYPE HTML>
    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
        <script type="text/javascript" src="js/jquery-1.4.2.js"></script>
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
        <script type="text/javascript" src="https://raw.github.com/HPNeo/gmaps/master/gmaps.js"></script>
        <script type="text/javascript">
            var map;
            $(document).ready(function(){
                map = new GMaps({
                    div: "#map",
                    lat: 35.2193612,
                    lng: 113.2482923,
                    zoom:13,
                    zoomControl: true,
                    zoomControlOptions: {
                        style: google.maps.ZoomControlStyle.SMALL,
                    },
                    panControl: false,
                    scaleControl:false,
                    mapTypeId: google.maps.MapTypeId.ROADMAP,
                    mapTypeControl: false
                });

                GMaps.geocode({
                  address: $("#address").val(),
                  callback: function(results, status) {
                    if (status == 'OK') {
                      var latlng = results[0].geometry.location;
                      map.setCenter(latlng.lat(), latlng.lng());
                      map.addMarker({
                        lat: latlng.lat(),
                        lng: latlng.lng()
                      });
                    }
                  }
                });
            });
        </script>
    </head>
    <body>
        <input type="hidden" name="" id="address" value="<%=new String(request.getParameter("addrName").getBytes("iso-8859-1"),"utf-8") %>"/>
        <div id="map" style="width:800px;height:500px;border: 1px solid #DDDDDD">
        </div>
    </body>
    </html>