文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 国产软件 | 国外软件 | 汉化补丁 | 设为首页 | 加入收藏

业界资讯 | 图形图像 | 操作系统 | 网络冲浪 | 工具软件 | 办公软件 | 媒体动画 | 精文荟萃 | 认证考试 | 网站建设 | 技术开发 | 专栏

当前位置：abcdown网络学院 → 网站建设 → 建站交流 → Google Map 代码

精品广告

推荐TOP10

·Google Map 代码

·如何建立自己的博客

·网站的推广与策划与如何建立一个网站？规划、宣传等

·站长群大全

·个人网站qq群大全中国最全的个人网站站长qq群

·18个优秀的在线图片编辑服务网站

·TOM.COM网站首页改版的体验感受

·了解Web2.0时代的网络推广方式

·网站制作过程中把握的几点

·国内设计网站

阅读TOP10

·如何建立一个网站？规划、设计、目的、原则、宣传

·世界各地域名后缀对照表世界各国域名表

·IT公司红黑榜

·个人网站qq群大全中国最全的个人网站站长qq群

·500M永久免费ASP虚拟主机

·网站的推广与策划与如何建立一个网站？规划、宣传等

·2005年上半年，国内知名的个人网站

·如何建立自己的博客

·中文网站排行五百强

·Google Map 代码

Google Map 代码

日期：2008年9月18日作者：kstsca 查看:[大字体中字体小字体]

演示：http://www.ivucc.com/blog/googlemap.htm 我网站付有Google Maps API 详细说明这里不能贴html 编下去太麻烦了

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
<script src="http://maps.google.com/maps?file=api&v=1&key=ABQIAAAAldeplnSa046Mgs42FWv1vxSzB1HpiWZ7bOrz1NckBd6pSmH0tBQ-3-pJ2Wlqv7eA95U9YxBebInG2g" type="text/javascript"></script>
  </head>
  <body>
<div id="map" style="width: 500px; height: 400px"></div> /#地图大小
<script type="text/javascript">
//<![CDATA[

var map = new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.centerAndZoom(new GPoint(-122.1419, 37.4419), 4);

//]]>
</script>  </body>
</html>

ABQIAAAAldeplnSa046Mgs42FWv1vxSzB1HpiWZ7bOrz1NckBd6pSmH0tBQ-3-pJ2Wlqv7eA95U9YxBebInG2g" 这个是我网站的key
key要去http://www.google.com/apis/maps/signup.html申请！
登陆用GMAIL就可以了

  <script type="text/javascript">
//<![CDATA[

var map = new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.centerAndZoom(new GPoint(-122.1419, 37.4419), 4);

//]]>
</script>
这个可以该坐标~
我的看你做参考

CODE:

[Copy to clipboard]

<script type="text/javascript">
//<![CDATA[
function onLoad() {
// Center the map on Beijing
var map = new GMap(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.centerAndZoom(new GPoint(116.416, 39.916), 13);

var BeijingStation = new GMarker (new GPoint (116.416,39.916));
GEvent.addListener (BeijingStation, "click", function() {
      BeijingStation.openInfoWindowHtml ("北京-中国的首都");
      });
   map.addOverlay (BeijingStation);

   map.openInfoWindow(map.getCenterLatLng(),
               document.createTextNode("MSN space~!googlemap插件"));

// Center the map on Smilingfish
var SmilingfishStation = new GMarker (new GPoint (117.35,24.516));
GEvent.addListener (SmilingfishStation, "click", function() {
      SmilingfishStation.openInfoWindowHtml ("[福建]福建地区 googlemap<br>广告出租");
      });
   map.addOverlay (SmilingfishStation);

// Center the map on Liuyue
var LiuyueStation = new GMarker (new GPoint (104.066,30.66));
GEvent.addListener (LiuyueStation, "click", function() {
      LiuyueStation.openInfoWindowHtml ("[四川重庆]鱼是不是在这个地方？");
      });
   map.addOverlay (LiuyueStation);
// Center the map on Huoxian
var HuoxianStation = new GMarker (new GPoint (113,28.2166));
GEvent.addListener (HuoxianStation, "click", function() {
      HuoxianStation.openInfoWindowHtml ("[湖南长沙]<br />超级女生~");
      });
   map.addOverlay (HuoxianStation);

// Center the map on Wuyi
var WuyiStation = new GMarker (new GPoint (116.4,39.9));
GEvent.addListener (WuyiStation, "click", function() {
      WuyiStation.openInfoWindowHtml ("[北京海淀]<br /> 刘亦菲你在吗？");
      });
   map.addOverlay (WuyiStation);

// Center the map on Wuyi2
var Wuyi2Station = new GMarker (new GPoint (108.3,22.8));
GEvent.addListener (Wuyi2Station, "click", function() {
      Wuyi2Station.openInfoWindowHtml ("[广西南宁]<br />美女很多~~~");
      });
   map.addOverlay (Wuyi2Station);

//绘制线条
var points = [new GPoint (116.416,39.916), new GPoint (112.533,37.866), new GPoint (117.35,24.516), new GPoint (113,28.2166),new GPoint (104.066,30.66),new GPoint (108.3,22.8)];
var line = new GPolyline(points, "#ff0000");
map.addOverlay(line);

   }
   //]]>
</script>

上一篇:展现个性超酷QQ昵称应用技巧

下一篇:Flash常用代码集锦

相关软件：

相关文章：

·中国地区三级联动下拉菜单代码和示例(附带代码下载)

·网页播放器代码全集及详细说明[精]

·细钢丝代替保险丝管慎买劣质电热毯

·帝国时代2：征服者 - 游戏秘籍

·帝国时代II征服者作弊码

·帝国时代之罗马复兴 - 游戏秘籍

·《生化危机代号维罗尼卡》 - 生化危机4攻略秘籍 - 生化危机4

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员，我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源：http://www.abcdown.net

首页 | 本站声明 | 下载帮助 | 发布软件 |

中文版权所有：ABC学院浙ICP备05000717号