一个关于google map定位的简单实例

来源：互联网发布：php获取明天0点时间戳编辑：程序博客网时间：2024/05/22 17:31

在做google map之前，要想你的地图能够在网页上显示，首先要到google的官方网站上申请一个密钥，如下面代码所示："key=ABQIAAAACeiZsHWX3cH6DSzXsRZ4ZhSm4yWMj7VobllwgidfhRjwLCDWEBQweHG14EhKWC44KmaiwDQQEBwceQ"，本人申请的是http://localhost:8080。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=GBK">
<script type="text/javascript" src="http://ditu.google.cn?file=api&v=2&key=ABQIAAAACeiZsHWX3cH6DSzXsRZ4ZhSm4yWMj7VobllwgidfhRjwLCDWEBQweHG14EhKWC44KmaiwDQQEBwceQ"></script>
<script type="text/javascript">
//<![CDATA[
    var map=null;
    var geocoder = new GClientGeocoder();
    var marker=null;
function load()
{
   if (GBrowserIsCompatible())
  {
      map = new GMap2(document.getElementById("map"));
      //添加操纵杆
      map.addControl(new GLargeMapControl());
   map.addControl(new GMapTypeControl());
      map.addControl(new GScaleControl());
   map.addControl(new GOverviewMapControl());
   //MAP地址初始化
      map.setCenter(new GLatLng(39.917, 116.397),8);
      //通知地图其容器大小已更改
      map.checkResize();
      //清空标记
      map.clearOverlays();
   }
}

function showAddress(i)
{
         map.clearOverlays();

//设置经纬度

效果如下图所示：