Google Maps API V3学习--- 简单地图显示

最新推荐文章于 2022-11-04 10:28:33 发布

天下布武8

最新推荐文章于 2022-11-04 10:28:33 发布

阅读量1w

点赞数

分类专栏： Google Map API 文章标签： google api javascript xhtml server

本文链接：https://blog.csdn.net/zapzqc/article/details/4743617

版权

Google Map API 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

技术发展日新月异，为了与时俱进，不让自己很快的落伍，正好项目有所需要，就学习了下新发布的Google Maps API V3。

V3相对于V2存在许多改变，比如在地图的加载上，尤其是手机浏览器访问的速度更快了（参考自其说明文档）。从开发上，V3版不再需要获取API的Key（以往每部署一套程序，都得去申请一个key，麻烦的很），V3所有都在google.maps.*的命名空间下，没有以“G”为前缀的全局变量了，所以以往的v2代码都不能复用，需要进行一定的修改。
老规矩，先来一个Hello World吧。

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Google 地图 JavaScript API 示例: 简单的地图</title> <%-- 加载 Google 地图 API JavaScript--%> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=zh-CN"></script> <script type="text/javascript"> var map; //地图初始化 function initialize() { var mapOptions = { zoom: 14, //缩放级别 center: new google.maps.LatLng(39.917, 116.397), //将地图的中心设置为指定的地理点可以使用 0（最低缩放级别，在地图上可以看到整个世界）到 19（最高缩放级别，可以看到独立建筑物）之间的缩放级别 mapTypeId: google.maps.MapTypeId.SATELLITE, //ROADMAP-默认视图 SATELLITE-显示Google地球卫星图像 HYBRID-混合显示普通视图和卫星视图 TERRAIN-地形图 scaleControl: true, //比例尺 mapTypeControl: true, mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU} }; map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);//编写 JavaScript 函数创建“map”对象 } </script> </head> <body οnlοad="initialize()"> <form id="form1" runat="server"> <%--创建名为“map_canvas”的 div 元素来包含地图--%> <div id="map_canvas" style="width: 800px; height: 600px"> </div> </form> </body> </html>

其他的都有详细的注释，应该比较清楚，就不做详细的解释了。

天下布武8

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
打赏
3
评论
Google Maps API V3学习--- 简单地图显示

技术发展日新月异，为了与时俱进，不让自己很快的落伍，正好项目有所需要，就学习了下新发布的Google Maps API V3。 V3相对于V2存在许多改变，比如在地图的加载上，尤其是手机浏览器访问的速度更快了（参考自其说明文档）。从开发上，V3版不再需要获取API的Key（以往每部署一套程序，都得去申请一个key，麻烦的很），V3所有都在google.maps.*的命名
复制链接

扫一扫