Google地图API教程

合集下载

google api 用法

google api 用法

google api 用法Google API(Application Programming Interface)是谷歌提供的一组开发者工具和功能,用于与谷歌服务进行交互和访问。

谷歌提供了多个API,包括地图API、语音识别API、人工智能API等等。

这些API可以被开发者用来构建各种应用,从地图应用到语音助手,都可以使用谷歌API来实现。

使用Google API之前,首先需要创建一个开发者账号,并获取API密钥,该密钥用于验证开发者的身份和授权访问谷歌服务。

接下来,我们将介绍一些常用的Google API以及其用法。

1. Google Maps API:Google Maps API是用于在自己的网站或应用中嵌入地图功能的API。

可以使用Google Maps API来实现地理定位、地点搜索、路线规划等功能。

开发者可以使用HTML、JavaScript和CSS来定制地图的外观和交互方式。

2. Google Translate API:Google Translate API可以将文本翻译成多种语言。

可以使用这个API来开发翻译应用,让用户能够快速翻译文本到其他语言。

通过调用Translate API提供的接口,可以实现自动翻译功能。

3. Google Calendar API:Google Calendar API可以让开发者读取、写入和修改Google日历中的事件。

可以使用Calendar API来创建和管理用户的日程安排,可以实现日历应用、待办事项管理等功能。

4. Google Drive API:Google Drive API可以让开发者访问和操作用户的Google Drive云存储空间。

可以使用Drive API来上传、下载、删除和修改用户的文件,可以实现文件管理应用、在线协作编辑等功能。

5. Google Cloud Speech-to-Text API:Google Cloud Speech-to-Text API可以将语音转换为文本。

GoogleMapApi谷歌地图接口整理

GoogleMapApi谷歌地图接口整理

GoogleMapApi⾕歌地图接⼝整理⼀:基本知识:1. 使⽤⾕歌地图 API 的第⼀步就是要注册⼀个 API 密钥,需要注重⼀下两点:1.假如使⽤ API 的页⾯还没有发布,只是在本地调试,可以不⽤密钥,随便⽤个字符串代替就可以了。

2.API 密钥只对⽹站⽬录或者域有效。

对不同域的⽹页,需要⽤这些域分别注册不同的密钥2.页⾯引⽤javascript⽂件<script src="/maps?file=api&hl=zh-CN&v=2&key=abcdefg" type="text/javascript"></script>:也可以⽤,假如你需要在地图上显⽰⼤陆以外的具体地图,就⽤ 2.file=api 这个是请求API 的JS ⽂件⽤的,固定的格式。

3.hl=zh-CN这个是在设定地图上除了地图图⽚以外的诸如控件名称、版权声明、使⽤提⽰等所需要显⽰⽂本的语⾔版本时候⽤的,假如没有指定这个参数就使⽤ API 的默认值,对 来说,默认是中⽂简体 默认的是英⽂。

4. v=2这个是⽤来指定需要导⼊的 API 类库的版本号,可以有四种设定⽅式:v=2.s 稳定版本,更新最慢,但是最可靠;v=2 当前版本(只⽤主版本号),更新速度和可靠性介于 s 和 x 之间v=2.x 最新版本,更新最快,包括最新功能,可能没有当前版本可靠;v=2.76 指定具体版本。

不建议使⽤。

注:⽬前⾕歌地图 API的主版本号是2,当API升级时旧版本只能继续使⽤⼀个⽉,所以要及时更改主版本号,版本号改变会在Google Code和Maps API讨论组发布相关信息5.key=abcdefg这个是设定你注册的 API 密钥.⼆:核⼼类:google地图API主要包括:地图类(GMap2)、标记类(GMarker)、标记选项类(GMarkerOptions)、折线类(GPolyline)、经纬度(GLatLng)、命名空间(GEvent)、坐标类(GPoint)、控件的⼤⼩类GSize、 interface(GControl)、地图类型类(GMapType)、地图上⾯的图标类(GIcon)、窗体类(GInfoWindow)、窗体选项类 GInfoWindowOptions)、接⼝GOverlay、枚举GMapPane等等注:标记和折线都是地图的覆盖物1.GMap2:地图类,下⾯实例化⼀张地图:var map= new GMap2(container: DOM_Div,opts: Options);构造函数的参数如下:参数是否必要值类型定义container 是 DOM_Div DOM元素,是个Divopts 可选 Options 构造函数选项GMap2包含的⽅法:1.设置状态的⽅法:enableDragging():设置地图可以被拖动。

google api 用法

google api 用法

google api 用法摘要:1.Google API 简介2.Google API 的使用方法3.Google API 的优点和局限性正文:【Google API 简介】Google API,即Google 应用程序接口,是Google 提供的一种让开发者能够使用Google 服务和功能的编程接口。

通过Google API,开发者可以在自己的应用程序或网站中集成Google 的服务,如搜索、地图、翻译等。

Google API 为开发者提供了丰富的工具和资源,使得开发者可以更加高效地开发和优化应用程序。

【Google API 的使用方法】使用Google API 需要遵循以下几个步骤:1.创建Google API 项目首先,需要在Google Cloud Platform 上创建一个API 项目。

在创建过程中,需要选择API 的类型、名称和版本,并为项目设置相关的权限和配置。

2.获取API 密钥创建API 项目后,需要获取API 密钥。

API 密钥是用于验证API 请求的重要信息,通常包括一个API 密钥ID 和一个API 密钥密钥。

在编写代码时,需要将API 密钥添加到请求头中,以确保API 请求的有效性。

3.编写代码在获取API 密钥后,可以使用编程语言(如Python、Java 等)编写代码,调用Google API。

在编写代码时,需要遵循Google API 的文档和规范,确保API 请求的正确性。

4.测试API在编写代码的过程中,需要对API 进行测试,以确保API 请求的有效性和返回结果的准确性。

Google API 提供了在线的API 测试工具,方便开发者进行API 测试。

【Google API 的优点和局限性】Google API 具有以下优点:1.丰富的服务和功能Google API 提供了丰富的服务和功能,如搜索、地图、翻译等,为开发者提供了更多的选择和可能性。

2.高效和灵活Google API 具有高效的性能和灵活的配置,可以满足不同应用程序和网站的需求。

google map api v2 地图导航

google map api v2 地图导航

这是我自己写的一个google 最新的基于map api v2的地图导航功能,本人的机器是索尼爱立信 mt11i,系统为2.3.3亲测完全可用,google map api v2许可码请自己去谷歌申请,你过你的测试系统api版本11(android3.0)以上的话,注意两处map = ((SupportMapFragment) (this.getSupportFragmentManager().findFragmentById(R.id.map))).getMap();和布局文件中的support均可以省略support欢迎加群讨论技术方面的问题:杭州android开发讨论群(216045581)注意新建项目之前需要安装google play services然后导入通过上图方法导入sdk包下面的一个包:\adt-bundle-windows-x86\sdk\extras\google\google_play_services\libproje ct\google-play-services_libAndroidManifest.xml<?xml version="1.0"encoding="utf-8"?><manifest xmlns:android="/apk/res/android"package="com.example.v2_test"android:versionCode="1"android:versionName="1.0"><uses-sdkandroid:minSdkVersion="8"android:targetSdkVersion="17"/><permissionandroid:name="com.example.v2_test.permission.MAPS_RECEIVE"android:protectionLevel="signature"/><uses-permission android:name="android.permission.INTERNET"/> <uses-permissionandroid:name="com.example.v2_test.permission.MAPS_RECEIVE"/> <uses-permissionandroid:name="android.permission.WRITE_EXTERNAL_STORAGE"/> <uses-permissionandroid:name="com.google.android.providers.gsf.permission.READ_GSERVICE S"/><uses-permissionandroid:name="android.permission.ACCESS_COARSE_LOCATION"/> <uses-permissionandroid:name="android.permission.ACCESS_FINE_LOCATION"/> <uses-permissionandroid:name="android.permission.ACCESS_MOCK_LOCATION"/><uses-featureandroid:glEsVersion="0x00020000"android:required="true"/><applicationandroid:allowBackup="true"android:icon="@drawable/ic_launcher"android:label="@string/app_name"android:theme="@style/AppTheme"><activityandroid:name="com.example.v2_test.MainActivity"android:label="@string/app_name"><intent-filter><action android:name="android.intent.action.MAIN"/><category android:name="UNCHER" /></intent-filter></activity><meta-dataandroid:name="com.google.android.maps.v2.API_KEY"android:value="AIzaSyDmrnUUl_zWzgimKKeR5t3ZiinvouSWO8E"/> </application></manifest>布局文件<RelativeLayoutxmlns:android="/apk/res/android"xmlns:map="/apk/res-auto"android:layout_width="match_parent"android:layout_height="match_parent"><fragmentandroid:id="@+id/map"android:layout_width="match_parent"android:layout_height="match_parent"class="com.google.android.gms.maps.SupportMapFragment"/> <ImageButtonandroid:id="@+id/local"android:background="@null"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="10dp"android:layout_alignParentRight="true"android:layout_marginRight="10dp"/></RelativeLayout>菜单弹出框布局文件<?xml version="1.0"encoding="utf-8"?><TableLayout xmlns:android="/apk/res/android"android:layout_width="fill_parent"android:layout_height="fill_parent"android:orientation="vertical"><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:text="起始位置:"android:textColor="@android:color/white"android:textSize="18dp"></TextView><EditTextandroid:id="@+id/start"android:layout_width="wrap_content"android:layout_height="wrap_content"android:textSize="18dp"android:text="我的位置"></EditText><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:textColor="@android:color/white"android:textSize="18dp"android:text="目的地:"></TextView><EditTextandroid:id="@+id/end"android:layout_width="wrap_content"android:layout_height="wrap_content"android:textSize="18dp"android:text=""></EditText></TableLayout>这个是activitypackage com.example.v2_test;import java.io.BufferedReader;import java.io.IOException;import java.io.InputStream;import java.io.InputStreamReader;import java.util.ArrayList;import java.util.List;import org.apache.http.HttpEntity;import org.apache.http.HttpResponse;import org.apache.http.client.ClientProtocolException; import org.apache.http.client.HttpClient;import org.apache.http.client.methods.HttpGet;import org.apache.http.client.methods.HttpPost;import org.apache.http.impl.client.DefaultHttpClient; import org.json.JSONArray;import org.json.JSONException;import org.json.JSONObject;import com.google.android.gms.maps.CameraUpdateFactory; import com.google.android.gms.maps.GoogleMap;import com.google.android.gms.maps.SupportMapFragment; import com.google.android.gms.maps.model.CameraPosition; import tLng;import com.google.android.gms.maps.model.Marker;import com.google.android.gms.maps.model.MarkerOptions; import com.google.android.gms.maps.model.Polyline;import com.google.android.gms.maps.model.PolylineOptions; import android.app.AlertDialog;import android.app.ProgressDialog;import android.content.DialogInterface;import android.content.DialogInterface.OnClickListener; import android.graphics.Color;import android.location.Criteria;import android.location.Location;import android.location.LocationListener;import android.location.LocationManager;import android.os.Bundle;import android.os.Handler;import android.os.Message;import android.support.v4.app.FragmentActivity;import android.util.Log;import youtInflater;import android.view.Menu;import android.view.MenuItem;import android.view.View;import android.widget.EditText;import android.widget.ImageButton;public class MainActivity extends FragmentActivity {List<LatLng> list;Polyline polyline;private Location location;private CameraPosition cameraPosition;private GoogleMap map;String start = "";String end = "";double lat = 0.0;double lng = 0.0;double endlat = 0.0;double endlng = 0.0;LocationManager locationManager;ImageButton local;LocationListener llistener;Marker marker;private ProgressDialog progressdialog;private Handler mHandler = new Handler() {public void handleMessage(Message msg) {switch (msg.what) {case 1:progressdialog.dismiss();if(polyline!=null){polyline.remove();map.clear();markMysition();}map.addMarker(new MarkerOptions().position(new LatLng(endlat, endlng)).title(MainActivity.this.getLocation(endlat, endlng)));LatLng last = null;for (int i = 0; i < list.size() - 1; i++) {LatLng src = list.get(i);LatLng dest = list.get(i + 1);last = dest;polyline = map.addPolyline(new PolylineOptions().add(new LatLng(titude, src.longitude),new LatLng(titude,dest.longitude)).width(4).color(Color.GREEN));}break;}};};@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(yout.activity_main);local = (ImageButton) findViewById(R.id.local);local.setImageResource(R.drawable.ww);// 点击按钮视图回到我的位置local.setOnClickListener(new android.view.View.OnClickListener() {@Overridepublic void onClick(View v) {MainActivity.this.setCameraPosition();}});map = ((SupportMapFragment) (this.getSupportFragmentManager() .findFragmentById(R.id.map))).getMap();this.getPointLocation();MainActivity.this.setCameraPosition();}// 标记我的位置void markMysition() {marker=map.addMarker(new MarkerOptions().position(new LatLng(lat, lng)).title(this.getLocation(lat, lng)).snippet("我的位置"));}// 获取我的位置private void getPointLocation() {Criteria criteria = new Criteria();// ACCURACY_FINE 较高精确度criteria.setAccuracy(Criteria.ACCURACY_FINE);criteria.setAltitudeRequired(false);criteria.setBearingRequired(false);criteria.setCostAllowed(true);criteria.setPowerRequirement(Criteria.POWER_LOW);locationManager = (LocationManager)getSystemService(LOCATION_SERVICE);String provider = locationManager.getBestProvider(criteria, true);Log.d("provider", provider);llistener = new LocationListener() {@Overridepublic void onLocationChanged(Location location) {/*if(marker!=null){marker.remove();}*/lat = location.getLatitude();lng = location.getLongitude();// MainActivity.this.markMysition();}@Overridepublic void onProviderDisabled(String provider) {Log.i("onProviderDisabled", "come in");}@Overridepublic void onProviderEnabled(String provider) {Log.i("onProviderEnabled", "come in");}@Overridepublic void onStatusChanged(String provider, int status,Bundle extras) {}};location = locationManager.getLastKnownLocation(locationManager.GPS_PROVIDER);locationManager.requestLocationUpdates(provider, 3000, (float) 10.0,llistener);updateLocation();MainActivity.this.markMysition();MainActivity.this.setCameraPosition();}// 位置更新private void updateLocation() {if (location != null) {lat = location.getLatitude();lng = location.getLongitude();}}// 将视图镜头定位在我的位置public void setCameraPosition() {// 获取视图镜头cameraPosition = new CameraPosition.Builder().target(new LatLng(lat, lng)) // Sets the center of the map to.zoom(17) // 缩放比例.bearing(0) // Sets the orientation of the camera to east.tilt(20) // Sets the tilt of the camera to 30 degrees.build(); // Creates a CameraPosition from the builder map.animateCamera(CameraUpdateFactory.newCameraPosition(cameraPosit ion));}// 菜单public boolean onCreateOptionsMenu(Menu menu) {menu.add(0, Menu.FIRST + 1, 1, "获取路线");menu.add(0, Menu.FIRST + 2, 2, "退出");return true;}// 菜单响应public boolean onOptionsItemSelected(MenuItem item) {switch (item.getItemId()) {case Menu.FIRST + 1:// 定义输入框界面editpoint();break;case Menu.FIRST + 2:locationManager.removeUpdates(llistener);this.finish();}return true;}// 获取物理位置private String getLocation(double lat, double lng) {String address = "";String resultString = "";String urlString = String.format("/maps/api/geocode/json?latlng="+ lat + "," + lng + "&sensor=true&language=zh-CN");Log.i("URL", urlString);HttpClient client = new DefaultHttpClient();HttpGet get = new HttpGet(urlString);try {HttpResponse response = client.execute(get);HttpEntity entity = response.getEntity();BufferedReader buffReader = new BufferedReader(new InputStreamReader(entity.getContent()));StringBuffer strBuff = new StringBuffer();String result = null;while ((result = buffReader.readLine()) != null) {strBuff.append(result);}resultString = strBuff.toString();// 解析josn数据,获得物理地址if (resultString != null && resultString.length() > 0) {JSONObject jsonobject = new JSONObject(resultString);JSONArray jsonArray = newJSONArray(jsonobject.get("results").toString());resultString = "";for (int i = 0; i < jsonArray.length(); i++) {resultString = jsonArray.getJSONObject(i).getString("formatted_address");address += resultString;}}} catch (Exception e) {} finally {get.abort();client = null;}return address;}// 通过输入信息解析json获取路线private void getDirection(String start, String endposition) { String DresultString = "";String Durl ="/maps/api/directions/json?origin="+ lat + "," + lng + "&destination=" + endlat + "," + endlng+ "&sensor=true&mode=driving";HttpClient Dclient = new DefaultHttpClient();HttpGet Dget = new HttpGet(Durl);HttpResponse response;try {response = Dclient.execute(Dget);HttpEntity Dentity = response.getEntity();BufferedReader DbuffReader = new BufferedReader(new InputStreamReader(Dentity.getContent()));StringBuffer DstrBuff = new StringBuffer();String Dresult = null;while ((Dresult = DbuffReader.readLine()) != null) {DstrBuff.append(Dresult);}DresultString = DstrBuff.toString();} catch (Exception e) {}try {final JSONObject jsonObject = new JSONObject(DresultString);JSONArray routeArray = jsonObject.getJSONArray("routes");JSONObject routes = routeArray.getJSONObject(0);JSONObject overviewPolylines = routes.getJSONObject("overview_polyline");String encodedString = overviewPolylines.getString("points");Log.d("test: ", encodedString);list = decodePoly(encodedString);} catch (JSONException e) {e.printStackTrace();} catch (ArrayIndexOutOfBoundsException e) {System.err.println("Caught ArrayIndexOutOfBoundsException: "+ e.getMessage());}}// 填写起始地点以得到路线导航private void editpoint() {LayoutInflater factory = LayoutInflater.from(MainActivity.this);// 获得自定义对话框final View view = factory.inflate(yout.getdirections, null);AlertDialog navigate = new AlertDialog.Builder(MainActivity.this) .setIcon(android.R.drawable.ic_menu_edit).setTitle("获取路线").setView(view).setPositiveButton("确定", new OnClickListener() {@Overridepublic void onClick(DialogInterface dialog, int which) {dialog.dismiss();EditText st = (EditText)view.findViewById(R.id.start);EditText en = (EditText)view.findViewById(R.id.end);start = st.getText().toString();end = en.getText().toString();progressdialog =ProgressDialog.show(MainActivity.this,"正在获取路线", "请稍等……", true);new Thread(new Runnable() {@Overridepublic void run() {// TODO Auto-generated method stubgetlatlng(end);getDirection("我的位置", end);mHandler.sendEmptyMessage(0);mHandler.sendEmptyMessage(1);}}).start();}}).setNegativeButton("取消", null).create();navigate.show();}// 根据地理名称获得起始点和终点的经纬度private void getlatlng(String end) {StringBuilder stringBuilder = new StringBuilder();try {HttpPost httppost = new HttpPost("/maps/api/geocode/json?address="+ end + "&sensor=false");HttpClient client = new DefaultHttpClient();HttpResponse response;stringBuilder = new StringBuilder();response = client.execute(httppost);HttpEntity entity = response.getEntity();InputStream stream = entity.getContent();int b;while ((b = stream.read()) != -1) {stringBuilder.append((char) b);}} catch (ClientProtocolException e) {// TODO Auto-generated catch blocke.printStackTrace();} catch (IOException e) {// TODO Auto-generated catch blocke.printStackTrace();}JSONObject jsonObject = new JSONObject();try {jsonObject = new JSONObject(stringBuilder.toString());} catch (JSONException e) {// TODO Auto-generated catch blocke.printStackTrace();}try {endlng = ((JSONArray)jsonObject.get("results")).getJSONObject(0).getJSONObject("geometry").getJSONObject("location").getDouble("lng");endlat = ((JSONArray)jsonObject.get("results")).getJSONObject(0).getJSONObject("geometry").getJSONObject("location").getDouble("lat");} catch (Exception e) {e.printStackTrace();}}// 解析json文件里面的polyline下的poly得出导航上面路径的点private List<LatLng> decodePoly(String encoded) {List<LatLng> poly = new ArrayList<LatLng>();int index = 0, len = encoded.length();int lat = 0, lng = 0;while (index < len) {int b, shift = 0, result = 0;do {b = encoded.charAt(index++) - 63;result |= (b & 0x1f) << shift;shift += 5;} while (b >= 0x20);int dlat = ((result & 1) != 0 ? ~(result >> 1) : (result >> 1));lat += dlat;shift = 0;result = 0;do {b = encoded.charAt(index++) - 63;result |= (b & 0x1f) << shift;shift += 5;} while (b >= 0x20);int dlng = ((result & 1) != 0 ? ~(result >> 1) : (result >> 1));lng += dlng;LatLng p = new LatLng((lat / 1E5), lng / 1E5);poly.add(p);}return poly;}}。

gmap开发流程

gmap开发流程

gmap开发流程全文共四篇示例,供读者参考第一篇示例:GMap 是Google Maps 的简称,是一种由Google 推出的地图服务平台,提供了丰富的地图数据和功能接口。

在进行GMap 开发时,需要按照一定的流程来进行,以确保开发的顺利进行和最终的效果符合预期。

下面是关于GMap 开发流程的详细介绍。

第一步:需求分析在进行任何一项开发工作之前,都需要对项目的需求进行详细的分析。

在GMap 开发中,需要明确地确定开发的目的、功能需求、用户群体以及所需要的地图数据等。

只有明确了需求,才能针对性地进行开发工作,避免不必要的浪费。

第二步:获取API 密钥为了能够调用Google Maps API,需要先获取API 密钥。

在Google Cloud Platform 上注册账号,创建项目并启用Google Maps API,然后生成API 密钥。

API 密钥是保护开发者的数据和服务的重要凭据,需要谨慎保管。

第三步:开发环境搭建在进行GMap 开发之前,需要搭建好开发环境。

一般来说,GMap 的开发可以使用JavaScript、HTML、CSS 等前端技术,也可以结合服务器端语言如PHP、Java、Python 等。

搭建好开发环境后,可以开始编写代码。

第四步:地图显示通过调用Google Maps API,可以在网页上显示地图。

在页面中添加一个div 容器,并通过JavaScript 代码调用Google Maps API,指定显示地图的中心坐标、缩放级别等参数,就可以在页面上显示Google 地图了。

第五步:添加标记点除了显示地图外,通常还需要在地图上标记一些特定的位置,比如商店、景点、公园等。

通过调用Google Maps API 的标记功能,可以在地图上添加标记点、设置标记点的图标和信息窗口等。

第六步:路线规划在一些应用中,可能需要为用户提供路线规划的功能,比如从起点到终点的驾车路线、步行路线等。

通过调用Google Maps API 的路线规划功能,可以根据用户输入的起点和终点,在地图上绘制出相应的路线。

谷歌地图 API

谷歌地图 API

在onCreate中 初始化一个标记(addMarker) LatLng SuZhou = new LatLng(31.2653514, 120.7365586); DecimalFormat df = new DecimalFormat("#.00000"); String title = "经度:" + df.format(titude) + "\n 纬度:" + df.format(SuZhou.longitude); CameraPosition suzhou = new CameraPosition.Builder().target(SuZhou).zoom(15.5f).bearing(300).tilt(50).build(); //添加一个标记 mMap.addMarker(new MarkerOptions().position(SuZhou).title(title)); //使用动画定位在标记点 mMap.animateCamera(CameraUpdateFactory.newCameraPosition(suzhou));
完成以上操作还不能显示地图,还需如下操作:
首先需要把Google Play services的类库加载进来: 在 android-sdk的目录下 /extras/google/google_play_services/libproject/google-play-services_lib 把google-play-services_lib 拷贝出来。(防止影响android-sdk目录) 注意:google-play-services_lib 项目一定跟你自己创建的项目在同一目录 下,否则类库无法添加。 假如google-play-services_lib拷贝在workspace中的,在Eclipse里面选择: File > Import > Android > Existing Projects Into Workspace然后点击Next. 之后Browse..., 找到路径下的google-play-services_lib, 然后选择Finish。 如不在workspace下则选择Existing Android Code Into Workspace添加。 第二步是添加对这个库的引用: 在自己的项目上右键,选Properties,左边选Android,然后在下面的 Library里面Add刚才的google-play-services_lib。

google map api 开发快速入门

google map api 开发快速入门

Google Map开发整理Google Maps API 是 Google 自己推出编程 API ,可以让全世界对 Google Maps 有兴趣的程序设计师自行开发基于 Google Maps 的服务,建立自己的地图网站。

以下是我在 Google Maps API 开发过程中找到的一些 API 的编程资源,包括中文文档,中文说明,示例等等,希望对 Google Maps 编程感兴趣的程序员有所帮助。

中文资料部分(包括中文的文档说明等,以下的网址都是中文内容。

)下面的关于 API 的中文文档Google Maps API 第 2 版中文文档/GoogleApi/map2/documentation.htmGoogle Maps API 第 2 版升级指南/GoogleApi/map2/upgrade.htmGoogle Maps API 第 2 版类参考/GoogleApi/map2/reference.htm另外一个版本的 Google Maps API 2 中文文档/doc/maps/documentation/Google Maps API 第 1 版中文文档/GoogleAPI/map/documentation.htm下面是关于 KML 文件的中文文档Google Earth KML 中文说明(一)/5294713.htmlGoogle Earth KML 中文说明(二)/5294722.htmlGoogle Earth KML 中文说明(基于 Google Earth 客户端版本 3.0 的 KML 版本 2.0 )/googleapi/map/kml.htm英文资料部分(主要是 Google 官方的文档说明,如果觉得中文翻译的有问题,也可以看看这些原始内容。

)Google Maps API 官方网/apis/maps/Google Maps API 英文文档/apis/maps/documentation/Google Maps API 官方 Blog /Google Maps API 论坛/group/Google-Maps-APIGoogle KML 的官方文档/kml/Google API官方网/附: Google Map API 中文开发教程Google Map API 中文开发教程最好的教程还是 google 官方的说明文档,而且配有详细的例子,供大家学习,下面是文档的英文原文连接/apis/maps/documentation/index.html目录包括1.面向的读者2.简介1.“Hello World”程序2.浏览器兼容性3.XHTML 和VML4.API 更新5.地理译码6.行程规划和本地搜索7.标注管理3.示例程序1.基本操作2.地图移动及动画3.给地图添加控件4.事件处理函数5.打开气泡提示窗口6.地图覆盖物7.单击事件处理8.给标注增加气泡提示窗口9.多页的气泡提示窗口10.创建图标11.使用图标类12.可拖拽的标注13.编码折线14.在地图中使用XML 和异步HTTP 通信(AJAX)15.自定义地图控件16.自定义地图覆盖物1.标注管理器示例1.天气预报图2.疑难解答1.1.其它资料2.API 概览1.GMap2 类2.事件3.气泡提示窗口4.地图覆盖物5.控件6.XML 和RPC7.减少浏览器内存泄露3.演示程序4.类参考同步中文文档请参阅:/doc/google/gmapapi/谷歌地图API密钥(API Key)的解读和使用技巧收藏好了,通過前一篇的介紹,大家對Google Map都有所瞭解了吧。

GoogleMapAPI使用详解(十四)——使用GoogleMap提供的默认控件

GoogleMapAPI使用详解(十四)——使用GoogleMap提供的默认控件

GoogleMapAPI使用详解(十四)——使用GoogleMap提供的默认控件地图上的控件一般是指悬浮在地图上、不随地图移动的图片、按钮等等DOM元素,可以用来控制地图、帮助用户和地图交互、显示地图的特定信息和状态。

在谷歌地图主页上,有可以控制地图缩放的控件、有切换地图类型的控件、有显示缩略图的控件等等。

这些控件在地图API里也都是默认提供的,所以,你可以在你的地图上加上这些控件,并且可以根据你的需要随意调整地图控件的位置、改变控件的外观,就像我在右边的地图上把缩放控件移到右上角而不是默认的左上角、并且使用了一个微型化的外观。

下面先看看可以在地图上添加哪些控件吧。

地图API中默认控件的种类:1、地图缩放控件缩放控件是可以控制地图移动和放大级别的,默认有三种:1)全功能控件GLargeMapControl:有方向按钮、恢复按钮、缩放按钮和缩放滑块;2)微型化控件GSmallMapControl:把全功能控件去掉恢复按钮和缩放滑块后的控件;3)微型缩放控件GSmallZoomControl:只有放大/缩小两个按钮;下面从左到右依次是GLargeMapControl,GSmallMapControl,GSmallZoomControl这三个控件,选用哪一个就看你的空间有多大了。

不过,我认为通过GMap2提供的设置项允许用户使用滚轮和双击缩放地图比使用一个大大的缩放控件更方便。

这几天谷歌地图主页刚刚换了新的缩放控件,有点类似于谷歌地球上哪个,不过使用API实现的还没有变,仍然是上面显示的这个样子。

2、地图类型选择控件地图类型选择控件是用来选定所显示地图的类型的,比如普通地图、卫星地图、地形地图等等。

1)按钮式标准控件 GMapTypeControl每种地图类型对应一个按钮,点击不同的按钮切换地图类型。

2)菜单式控件 GMenuMapTypeControl所有的地图类型使用一个下拉菜单来显示,选择菜单中的不同项来切换地图类型。

Googlemap_API教程

Googlemap_API教程

开发人员指南地图基础知识1简介2Google 地图的“Hello, World”2加载Google 地图API2地图DOM 元素2GMap2 - 基本对象2初始化地图2加载地图3经度和纬度4地图属性5地图交互6信息窗口简介任何Google 地图API 应用程序中的基础元素都是“地图”本身。

本文档讨论GMap2基础对象的用法和地图操作的基础知识。

Google 地图的“Hello, World”开始学习Google 地图API 最简单的方式是看一个简单的示例。

下面的网页显示以北京的故宫博物院为中心的500x300 的地图。

<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN""/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="content-type"content="text/html; charset=utf-8"/><title>Google Maps JavaScript API Example</title><scriptsrc="/maps?file=api&amp;v=2&amp;key=abcdefg&sensor=t rue_or_false"type="text/javascript"></script><script type="text/javascript">function initialize(){if(GBrowserIsCompatible()){var map=new GMap2(document.getElementById("map_canvas"));map.setCenter(new GLatLng(39.9493,116.3975),13);}}</script></head><body onload="initialize()"onunload="GUnload()"><div id="map_canvas"style="width:500px;height:300px"></div></body></html>您可以查看此示例及下载、编辑和调试该示例,但必须将该文件中的密钥替换为您自己的Google 地图API 密钥。

Google Map API谷歌地图

Google Map API谷歌地图

地图控件与地图属性
• 控件概述 • 上的地图包含允许用户与地图交互的 UI 元素,这些元素称为“控件”。
– GLargeMapControl - 一个在 Google 地图上使用的大平移/缩放控件。默认 情况下显示在地图的左上角。 – GSmallMapControl - 一个在 Google 地图上使用的小一点的平移/缩放控件。 默认情况下显示在地图的左上角。 – GSmallZoomControl - 小型缩放控件(无平移控件),用于在 Google 地图 上显示行车路线的小地图弹出窗口。 – GScaleControl - 地图比例尺 – GMapTypeControl - 让用户切换地图类型(例如“地图”和“卫星”)的按钮 – GHierarchicalMapTypeControl - 用于放置多个地图类型选择器的一组精选 的嵌套按钮和菜单项。 – GOverviewMapControl - 位于屏幕一角的可折叠概览地图。
Google 地图 API
谷歌地图应用说明 Michael-Tian
内容概述
• • • • • • • • •
基础知识 正向标注 反向标注 任意多边形 自定义GMarker 地图控件与地图属性 空间数据类型 参考资料 Demo
基础知识
• Google 地图 API 概念 • Google 地图的“Hello, World”
– 随机生成 – 读XML文件
反向标注
• 从Marker到列表 • 从列表到Marker • 显示例图
任意多边形
• • • •
GPolyline 类 GLatLngBounds 类 矩形选择 可调的多边形 – 样式设置 – 顶点数据获取 • 不可调的多边形
自定义GMarker

谷歌地图API(GoogleMapsAPI)

谷歌地图API(GoogleMapsAPI)

谷歌地图API(GoogleMapsAPI)
最新的申请GoogleMapAPI,以前的方式似乎都不可以了。

近日Google已变更其MapAPI的申请方式,若您现在透过早先的方法申请APIKey应该会得到底下的讯息画面。

Google不再提供先前的申请APIKey方式
大意是Google不再提供该种方式申请APIKey,而是改由所谓的「APIConole」进行所有API的管理。

在GoogleMapAPI的部份,官方网站目前是建议使用新版本(v3)的API进行开发,若您仍希望继续使用v2的版本进行开发,您可能需要进行部份设定的修改,底下是设定的流程:
最新的申请GoogleMapAPI,以前的方式似乎都不可以了。

GoogleMapAPIv2设置
2.依据您的需求产生对应的GoogleMapAPIKey,若您是要继续采用v2版本的方式使用GoogleMapAPI,请选择「CreatenewBrowerKey」,之后将产生的Key依据过去的方式填入对应的位置即可。

最新的申请GoogleMapAPI,以前的方式似乎都不可以了。

注意V2版本对应的选项
需要注意的是:
1.依目前观察,已经在使用中的GoogleMapAPIKey是可以继续使用,并不会因为产生Key的方式改变而有所变更。

2.新的方式会统计并限制使用量(目前是限制每天25,000次查询),若超过用量则需给付相关费用才可继续使用。

Google地图使用API介绍

Google地图使用API介绍

Google 地图 API 参考帮助Google 地图 API 现在与Google AJAX API 载入器集成,后者创建了一个公共命名空间,以便载入和使用多个 Google AJAX API。

该框架可让您将可选 google.maps.* 命名空间用于当前在 Google 地图 API 中使用的所有类、方法和属性,使用此命名空间替换常规G 前缀。

不要担心,现有G命名空间仍能得到支持。

例如,Google 地图 API 中的 GMap2 对象还可以定义为 google.maps.Map2。

请注意,此参考文档仅指现有G命名空间。

如果只是要使用地图显示内容,则需要了解以下类、类型和函数:∙GMap2∙GMapOptions∙GGoogleBarOptio ns∙GInfoWindow∙GInfoWindowTab ∙GInfoWindowOpti ons∙GMarker∙GMarkerOptions ∙GPolyline∙GPolylineOption s∙GPolyEditingOpt ions∙GPolyStyleOptio ns∙GPolygon∙GPolygonOptions ∙GScreenOverlay ∙GScreenPoint∙GScreenSize∙GGroundOverlay ∙GIcon∙GPoint∙GSize∙GBounds ∙GLatLng∙GLatLngBounds∙GControl∙GTileLayerOptions∙GTileLayerOverlayOptions∙GEvent∙GEventListener∙GXmlHttp∙GXml∙GXslt∙GLog∙GDraggableObject∙GDraggableObjectOptions∙GGeoStatusCode∙GGeoAddressAccuracy∙GClientGeocoder∙GGeocodeCache∙GFactualGeocodeCache∙GMarkerManager∙GMarkerManagerOptions∙GGeoXml∙GDownloadUrl∙GBrowserIsCompatible∙GDirections∙GDirectionsOptions∙GTravelModes∙GRoute∙GStep∙GTrafficOverlay∙GTrafficOverlayOptions∙GAdsManager∙GAdsManagerOptions∙GStreetviewPanorama∙GStreetviewPanoramaOptions∙GStreetviewOverlay∙GStreetviewClient∙GStreetviewClient.ReturnValues∙GStreetviewData∙GStreetviewLocation∙GStreetviewLink∙GPov∙GStreetviewPanorama.ErrorValues如果您要通过实现自己的控件、叠加层或地图类型来扩展地图 API 的功能,则还需要了解以下类和类型:∙GGoogleBarListingTypes∙GGoogleBarLinkTarg et∙GGoogleBarResultLi st∙GMapPane∙GOverlay∙GControl∙GControlPosition ∙GControlAnchor∙GMapTypeControl∙GMenuMapTypeControl∙GHierarchicalMapTypeControl∙GMapType∙GMapTypeOptions∙GLayer∙GTileLayer∙GTileLayerOverlay∙GCopyrightCollection∙GCopyright∙GProjection∙GMercatorProjection对GMap2类进行实例化以创建地图。

Google Map Api文档,免费Google地图API使用说明

Google Map Api文档,免费Google地图API使用说明
</html>
你可以点这儿预览这个例子的效果,不过在你上传到自己的网站上运行之前,你必须把其中的"&key="之后的授权码换 成自己在Maps API key申请的授权码,否则看不到效果.本网站使用的范例中的授权码只能在域名上使用。
你可以看到,Google Maps使用了一个JavaScript文件(/maps?file=api&v=1) 这个文 件包含了你在自己的网页上显示Google地图的所有的函数和类. 想要在自己的网页上使用Google Maps API,你必须 在网页上通过script标签连接一个包含你申请的授权码的URL:
<script src="/maps?file=api&v=1&key=abcdefg" type="text/javascript"></script>
Google Maps API提供的最重要的类是GMap,它代表页面上的地图对象, 你可以根据需要在页面上使用多个GMap的实例 每个地图被包含在一个HTML 的容器(container) 里面,比如DIV 标签.
Google Map Api文档,免费Google地图API使用说明
Google Maps API可以让你在自己的网页之中嵌入免费的Google电子地图. 在此之前,你只需要 申请一个API授权码,而这是免费的.
因为Google Maps API是还在测试之中的程序,可能有些Bug,并且功能上也有一些欠缺. 你可以到Google Maps API讨论组给出你的意见.
Google Map Api文档,免费Google地图API使用说明
构造函数 属性 GEvent 静态方法 GXmlHttp 静态方法 GXml 静态方法 GXslt 静态方法 方法 GPoint 构造函数 属性 GSize 构造函数 属性 GBounds 构造函数 属性

第5章 Google地图API开发指南

第5章 Google地图API开发指南

第5章Google地图API开发指南Google Maps JavaScript API允许把Google地图嵌入到自己的网页内。

要使用这个API,首先需要申请一个API key(/apis/maps/signup.html)。

收到5.1地图基础5.1.1Google Maps上的Hello World例子任何Google地图API应用程序中的基础元素都是地图本身。

重点讨论GMap2基础对象的用法和地图操作的基础。

学习这个API最简单的方法就是看一个简单的例子。

下面的网页显示一个500x300的Maps API key申请的授权码,否则看不到效果。

也需要注意五点:1)使用script标签包含地图API JavaScript。

2)创建名为"map_canvas"的div元素存放地图。

3)编写JavaScript函数创建“map”对象。

4) 将地图中的中心设置为给定的地理点。

5) 从body标签的onLoad事件初始化地图对象。

下面说明了这些步骤。

1.加载Google地图API/maps?file=api&v=2&key=abcdefg用Google地图API所需所有符号和定义的JavaScript文件的位置。

页面必须包含指向此网址的script标签,使用注册获取API时收到的密钥。

此示例中,该密钥为“abcdefg”。

浏览器的文档对象模型(DOM)中获取此元素的引用执行此操作。

上述示例中,定义名为"map_canvas"的div,并使用样式属性设置其尺寸。

地图会自动使用容器尺寸调整自身的尺寸,除非使用构造函数中的GMapOptions为地图明确指定尺寸。

建此类的多个实例,每个对象将在页面上定义一个不同的地图。

)使用JavaScript new操作符创建此类的一个新实例。

当创建新的地图实例时,在页面中指定一个DOM节点(通常是div元素)作为地图的容器。

Google Earth API 开发者指南

Google Earth API 开发者指南

第 1 章:简单介绍
1、 目标读者 本文档专门针对熟悉 JavaScript 编程和面向对象的程序设计概念的人员而设计。 Google 地球 API 是以多种 KML 元素为基础,如果您对 KML 不熟悉,请参阅 Google 地球 KML 文档。
2、 Google Earth API 简介 您可以单独使用 Google Earth API, 也可以将其同 Google Maps API 结合使用。 如 果您的网页中嵌入了 Google Maps ,您可以让用户选择在 Google Maps 中还是在 Google Earth 浏览器中查看内容来以对网页进行增效。您可以在同一网页上执行该操作。例如, Google Maps 网页以二维展示信息。 集成 Google Earth 插件后, 用户可以选择以三维模式 显示信息,而且还可以观看到地形、几何图案及其他众多的 Google Earth 独有的功能。
5、 卸载 Google Earth 插件 要卸载 Google Earth 插件, 请从开始菜单选择 "Google Earth Plugin" ,然后选择 "Uninsall Google Earth Plugin"。
6、 使用 Samples.html Samples.html 文 件 (/earth/plugins/examples/samples/index.html) 包含很多有用 的 JavaScript 示例。您可以看到 JavaScript 代码,并可从网页上直接运行这些代码。在 页面上 可以 立即 看到 Google Earth 3D 视图的 变化 。也 可以 使用 该页 面来 测试 您的 JavaScript 代码。
2、创建 div 元素包含 Google Earth <div id='map3d_container' style='border: 1px solid silver; height: 600px; width: 800px;'> <div id='map3d' style='height: 100%;'></div> 要在网页上显示 Google Earth,必须为其预留一定的空间。具体是创建一个名为 div 的元素, 并在浏览器的文档对象模型 (DOM) 中获取对该元素的引用。 以上示例中定义了名 为“map_3d_container”的 div 元素并使用 style 属性定义了其大小。

Google_Earth_API开发者指南(高级)

Google_Earth_API开发者指南(高级)

[2008-07-09]Google Earth API开发者指南(高级)(2008-07-10 12:43:39)标签:google earth开发应用财经分类:学海拾贝感慨:Google Earth真是一个好东东,而其爱好者更是天才啊。

我们与老美在科技上的差距,不是我们以环境、资源为代价的粗放式快速增长的GDP所能掩盖的。

Google Earth API开发者指南(高级)---摘自Godeyes创建地面覆盖地面覆盖,允许您在Google Earth的地表上放置图像。

其中,图像源自网络,图片的URL 包含在“Icon”对象内。

var groundOverlay = ge.createGroundOverlay( );groundOverlay.setIcon(ge.createIcon( ))groundOverlay.getIcon().setHref("/intl/en_ALL/images/logo.gif");groundOverlay.setLatLonBox(ge.createLatLonBox( ));var center = ge.getView().copyAsLookAt(ge.ALTITUDE_RELATIVE_TO_GROUND);var north = center.getLatitude() + .85;var south = center.getLatitude() - .85;var east = center.getLongitude() + .55;var west = center.getLongitude() - .55;var rotation = 0;var latLonBox = groundOverlay.getLatLonBox();latLonBox.setBox(north, south, east, west, rotation);ge.getFeatures().appendChild(groundOverlay);此例中,Google的logo被叠放在加州总部山景城的位置。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

开发人员指南地图基础知识1简介2Google 地图的“Hello, World”2加载Google 地图API2地图DOM 元素2GMap2 - 基本对象2初始化地图2加载地图3经度和纬度4地图属性5地图交互6信息窗口简介任何Google 地图API 应用程序中的基础元素都是“地图”本身。

本文档讨论GMap2基础对象的用法和地图操作的基础知识。

Google 地图的“Hello, World”开始学习Google 地图API 最简单的方式是看一个简单的示例。

下面的网页显示以北京的故宫博物院为中心的500x300 的地图。

<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" "/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="/1999/xhtml"><head><meta http-equiv="content-type"content="text/html; charset=utf-8"/><title>Google Maps JavaScript API Example</title><scriptsrc="/maps?file=api&amp;v=2&am p;key=abcdefg&sensor=true_or_false"type="text/javascript"></script><script type="text/javascript">function initialize(){if(GBrowserIsCompatible()){var map=new GMap2(document.getElementById("map_canvas"));map.setCenter(new GLatLng(39.9493,116.3975), 13);}}</script></head><body onload="initialize()"onunload="GUnload()"><div id="map_canvas"style="width:500px;height: 300px"></div></body></html>您可以查看此示例及下载、编辑和调试该示例,但必须将该文件中的密钥替换为您自己的Google 地图API 密钥。

(如果注册了特定目录的密钥,也可以将其用于所有子目录。

)即使在此简单的示例中,也需要注意五点:7使用script标签包含Google 地图API JavaScript。

8创建名为“map_canvas”的div元素来包含地图。

9编写JavaScript 函数创建“map”对象。

10将地图的中心设置为指定的地理点。

11从body标签的onLoad事件初始化地图对象。

下面说明了这些步骤。

加载Google 地图API<scriptsrc="/maps?file=api&v=2&key=abc defg&sensor=true_or_false"type="text/javascript"></script>/maps?file=api&v=2&key=abcdefg 网址指向包含使用Google 地图API 所需所有符号和定义的JavaScript 文件的位置。

您的页面必须包含指向此网址的script标签,使用注册API 时收到的密钥。

在此示例中,该密钥显示为“abcdefg”。

请注意,我们也传递sensor参数以指明此应用程序是否使用传感器来确定用户位置。

在此示例中,我们将其设为变量“true_or_false”以强调您必须显式地将此值设置为true或false。

地图DOM 元素<div id="map_canvas"style="width:500px;height: 300px"></div>要让地图在网页上显示,必须为其留出一个位置。

通常,我们通过创建名为div的元素并在浏览器的文档对象模型(DOM) 中获取此元素的引用执行此操作。

在上述示例中,我们定义名为“map_canvas”的div,并使用样式属性设置其尺寸。

地图会自动使用容器尺寸调整自身的尺寸,除非使用构造函数中的GMapOptions显式地为地图指定尺寸。

GMap2 - 基本对象var map=new GMap2(document.getElementById("map_canvas"));GMap2类是表示地图的JavaScript 类。

此类的对象在页面上定义单个地图。

(可以创建此类的多个实例,每个对象将在页面上定义一个不同的地图。

)我们使用JavaScript new操作符创建此类的一个新实例。

当创建新的地图实例时,在页面中指定一个DOM 节点(通常是div元素)作为地图的容器。

HTML 节点是JavaScript document对象的子对象,而且我们通过document.getElementById()方法获得该元素的引用。

此代码定义了一个变量(名为map),并将新GMap2对象赋值给该变量。

函数GMap2()称为“构造函数”,其定义(在Google 地图API 参考中简述)如下所示:构造函数说明GMap2(cont ainer, opts?) 在通常是一个DIV元素的指定HTML container内创建新地图。

您也可以通过opts 参数传递GMap2Options类型的可选参数。

请注意因为JavaScript 是松散类型的语言,我们可以不填写构造函数的任何可选参数,此处也未这样做。

初始化地图map.setCenter(new GLatLng(39.9493,116.3975),13);通过GMap2构造函数创建地图后,我们需要再做一件事:将其初始化。

初始化通过地图的setCenter()方法完成。

setCenter()方法要求有GLatLng坐标和缩放级别,而且必须先发送此方法,然后再在地图上执行其他任何操作,包括设置地图本身的其他任何属性。

加载地图<body onload="initialize()"onunload="GUnload()">当HTML 页面显示时,文档对象模型(DOM) 即会扩展,接收其他外部图像和脚本并将其合并到document对象中。

为确保我们的地图仅放置在完全加载后的页面上,我们仅在HTML 页面的<body>元素收到onload事件后才执行构造GMap2对象的函数。

这样做可以避免出现不可预期的行为,并使我们可以对地图绘制的方式和时间进行更多控制。

onload属性是事件处理程序的示例。

Google 地图API 还提供了大量事件可以用来“监听”状态变化。

请参阅地图事件和事件监听器以了解更多信息。

GUnload()函数是用来防止内存泄漏的实用工具函数。

经度和纬度既然现在已经有地图了,我们还需要一种方法来引用地图上的位置。

在Google 地图API 中,GLatLng对象提供了此类机制。

可以构造一个GLatLng对象,按照制图学的惯例以{经度, 纬度} 的顺序传递参数:var myGeographicCoordinates=new GLatLng(myLatitude,myLongitude)注意:将“地址”转变为地理点的过程称为“地址解析”,将在“Google 地图API 服务”部分中详细讨论。

就像它可用于轻松地引用地理点一样,它也可用于定义对象的地理边界。

例如,地图在称为视口的窗口内显示整个世界的当前“窗口”。

此视口可以通过四个角上的矩形点来定义。

GLatLngBounds对象提供了这个功能,通过使用分别表示边界框的西南角和东北角的两个GLatLng对象定义一个矩形区域来实现。

GLatLng对象在Google 地图API 中用途广泛。

例如,GMarker对象在其构造函数中具有GLatLng,并在地图上的指定地理位置放置标记“叠加层”。

下面的示例使用getBounds()返回当前视口,然后在地图上的这些边界内随机放置10 个标记:function initialize(){var map=new GMap2(document.getElementById("map_canvas")); map.setCenter(new GLatLng(39.9493,116.3975),13);// Add 10 markers to the map at random locationsvar bounds=map.getBounds();var southWest=bounds.getSouthWest();var northEast=bounds.getNorthEast();var lngSpan=northEast.lng()-southWest.lng();var latSpan=t()t();for(var i=0;i<10;i++){var point=new GLatLng(t()+latSpan* Math.random(),southWest.lng()+lngSpan*Math.random());map.addOverlay(new GMarker(point));}}查看示例(map-markers.html)注意:有关GMarker对象的详细信息位于叠加层部分中。

地图属性默认情况下,在Google 地图API 中,地图使用标准的“绘制”图块显示。

但是,Google 地图API 也支持其他地图类型。

以下是标准地图类型:∙G_NORMAL_MAP- 默认视图∙G_SATELLITE_MAP - 显示Google 地球卫星图像∙G_HYBRID_MAP - 混合显示普通视图和卫星视图∙G_DEFAULT_MAP_TYPES - 这三个类型的数组,在需要重复处理的情况下非常有用可以使用GMap2对象的setMapType()方法设置地图类型。

相关文档
最新文档