标签:
google map 目前我只会用js创建,好处是不需要申请google地图钥匙直接就可以用;
有一点必须强调,浏览器必须是IE
<apex:page >
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://maps.google.cn/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function myLoad() {
//经纬度可随意更改;
var lat = 23.14746;
var lng = 113.34175376;
var myLatLng = new google.maps.LatLng(lat, lng);
var myOptions = {
//zoom参数是地图的范围,参数越小,地图的范围就越大
zoom: 15,
//center是地图的中心点,通过经纬度定义
center: myLatLng,
//mapTypeId:是地图的类型。有四种map可选
//mapTypeId: google.maps.MapTypeId.HYBRID:显示卫星图像的主要街道透明层
//mapTypeId: google.maps.MapTypeId.ROADMAP:显示普通的街道地图
//mapTypeId: google.maps.MapTypeId.SATELLITE:显示卫星图像
//mapTypeId: google.maps.MapTypeId.TERRAIN:显示带有自然特征(如地形和植被)的地图
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map"), myOptions);
}
window.onload = myLoad;
</script>
</head>
<body>
<style>
#map {
width: 500px;
height: 400px;
float: left;
}
</style>
<div id="map"></div>
</body>
</apex:page>
<!-- 这是最简单的地图,连默认图标都没有 -->
具体说明上面已经标注
<script type="text/javascript" src="http://maps.google.cn/maps/api/js?sensor=false">
这里的东西应该是调用的路径,sensor是否要传感器。(对于这个东西我也不是很明白,还希望大神教教我。)
这是一个最最简单的地图,什么都没有,中心位置就是上面经纬度的标注位置。
标签:
原文地址:http://www.cnblogs.com/panxing/p/5551287.html