网页中调用Google地图
2015-09-25 17:47
621 查看
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="http://maps.google.com/maps?file=api&v=2&sensor=true_or_false&key=ABQIAAAABFYPQ8FMs_suB-3-sn0dXRRo-_0LQJVJEW-cGzgUASOh0qqWrxSgegz2oG1Lt-f-psoNtcSV0aw3GA" type="text/javascript"></script>
</head>
<body onload="wb()" onunload="GUnload()">
<div id="webmap" style="width: 600px; height: 350px">
</div>
</body>
</html>
<script type="text/javascript">
function wb() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById_x_x("webmap"));
// map.setCenter(new GLatLng(88, 99), 11);
map.setCenter(new GLatLng(34.613785, 112.422023), 13);
//设置中心经纬度(此处为北京的经纬度)和地图放大级数
map.enableScrollWheelZoom();
var center = new GLatLng(34.613785, 112.422023); //创建一个坐标
var marker = new GMarker(center, { draggable: false });
marker.openInfoWindowHtml("<div style='color:green;'>洛阳理工学院 </div>");
map.addOverlay(marker);
map.addControl(new GMapTypeControl()); //添加地图类型切换控件(如卫星图到二维地图的切换控件)
map.addControl(new GLargeMapControl()); //添加有滑块的地图导航控件
map.addControl(new GOverviewMapControl()); //添加鹰眼控件
//map.enableGoogleBar();
}
}
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="http://maps.google.com/maps?file=api&v=2&sensor=true_or_false&key=ABQIAAAABFYPQ8FMs_suB-3-sn0dXRRo-_0LQJVJEW-cGzgUASOh0qqWrxSgegz2oG1Lt-f-psoNtcSV0aw3GA" type="text/javascript"></script>
</head>
<body onload="wb()" onunload="GUnload()">
<div id="webmap" style="width: 600px; height: 350px">
</div>
</body>
</html>
<script type="text/javascript">
function wb() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById_x_x("webmap"));
// map.setCenter(new GLatLng(88, 99), 11);
map.setCenter(new GLatLng(34.613785, 112.422023), 13);
//设置中心经纬度(此处为北京的经纬度)和地图放大级数
map.enableScrollWheelZoom();
var center = new GLatLng(34.613785, 112.422023); //创建一个坐标
var marker = new GMarker(center, { draggable: false });
marker.openInfoWindowHtml("<div style='color:green;'>洛阳理工学院 </div>");
map.addOverlay(marker);
map.addControl(new GMapTypeControl()); //添加地图类型切换控件(如卫星图到二维地图的切换控件)
map.addControl(new GLargeMapControl()); //添加有滑块的地图导航控件
map.addControl(new GOverviewMapControl()); //添加鹰眼控件
//map.enableGoogleBar();
}
}
相关文章推荐
- 最大生成树POJ2263Heavy Cargo解题报告
- Windows 使用pip安装 Django
- 动态链接库中函数的地址确定---PLT和GOT [转]
- 欧拉函数之HDU4983 Goffi and GCD
- Go 中的反射要点
- Logo常用的12种颜色
- Django Meta内部类选项
- GoldenGate
- Django中更新多个对象数据与删除对象的方法
- 反素数(题目Divisors)
- The Karplus-Strong Algorithm
- The Karplus-Strong Algorithm
- my django notes
- PAT:05-1. List Components (25),Go语言解答
- PAT: Root of AVL Tree (25),Go语言
- PAT:03-2. List Leaves,Go语言解答
- GoLang基本配置
- ContentNegotiatingViewResolver - 内容协商视图解析器
- 物料移动(MIGO/MB01等)更新物料凭证信息出口(user exit)
- POJ 3107 Godfather (树的重心)