openlayers+google

荼罗庄

浏览: 46665 次
性别:
来自: 广州

最近访客更多访客>>

wanxiaotao12

不二day

fly_ever

vxi

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

学习笔记

1.先下载openlayers（http://openlayers.org/download/）；
2.复制img目录、lib目录、theme目录至项目；
3.开发一个简单实例
   jsp页面：
<%@ page language="java" pageEncoding="GBK"%>
<html>
<html:base />
<head>
<base href="${sessionScope.full_path}">
<title>${sessionScope.title}</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="${sessionScope.keywords}">
<meta http-equiv="description" content="${sessionScope.description$}">
    <style type="text/css">
.olLayerGoogleCopyright{margin-bottom: -18px;}
    </style>
<script type="text/javascript" src="${sessionScope.cmpf_path}/js/lib/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.4&sensor=false"></script>
    <script type="text/javascript" src="${sessionScope.path}/pnm/openLayers/lib/Firebug/firebug.js"></script>
<script type="text/javascript" src="${sessionScope.path}/pnm/openLayers/OpenLayers.js"></script>
    <script type="text/javascript" src="${sessionScope.path}/pnm/openLayers/js/frame.js"></script>
<script type="text/javascript">
var map;
    var centerPoint = '113.32162,23.111130472636';
    var zoom = 10;
    $(function(){
var centerPointMap = $('#centerPoint').val();
centerPoint = centerPointMap?centerPointMap:centerPoint;
var zoomMap = $('#zoomMap').val();
zoom = zoomMap?zoomMap:zoom;
});
</script>
</head>
    <body onload="initSmap();">
<input type="hidden" id="centerPoint" value=""/>
<input type="hidden" id="zoomMap" value=""/>
    <div id="map" style="width: 700;height: 500"></div>
</body>
</html>
     js页面：
function initSmap() {
var lon = centerPoint.split(',')[0];
var lat = centerPoint.split(',')[1];
var point = new OpenLayers.LonLat(lon,lat)
.transform(new OpenLayers.Projection("EPSG:4326"),
new OpenLayers.Projection("EPSG:900913"));
map = new OpenLayers.Map('map');
    map.addControl(new OpenLayers.Control.LayerSwitcher());
    var gmap = new OpenLayers.Layer.Google("街道地形",{numZoomLevels: 20,visibility: false});
    map.addLayers([gmap]);
    map.setCenter(point, zoom);
}

分享到：

marker显示（openlayers+google） | 查看SISSON

2012-04-06 10:06
浏览 1170
评论(0)
分类:Web前端
查看更多

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论