<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps JavaScript API v3 Example: KmlLayer GeoRSS</title>
<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.7&sensor=false&language=zh-CN"></script>
<script type="text/javascript">
function initialize() {
var myLatlng = new google.maps.LatLng(31.283245,121.469925);
var myOptions = {
zoom: 9,
center: myLatlng,
backgroundColor: 'F8F8FF',
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
//show traffic
var trafficLayer = new google.maps.TrafficLayer();
trafficLayer.setMap(map);
//To add icon
var marker = new google.maps.Marker({
position: myLatlng,
icon: "http://map.amap.com/images/layer_icon_1040.png",
title:"Hello World!"
});
// To add the marker to the map, call setMap();
marker.setMap(map);
var contentString = '<div id="content">'+
'<a href="http://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+
'http://en.wikipedia.org/w/index.php?title=Uluru</a> '+
'</div>';
var infowindow = new google.maps.InfoWindow({
content: contentString,
maxWidth: 200
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas"></div>
</body>
</html>
分享到：
相关推荐
总的来说，Google Map的离线应用实例是一个综合性的开发项目，涵盖了地图数据处理、前端开发、用户交互等多个方面，对于提升开发者在GIS领域的技能非常有帮助。通过学习和实践，我们可以打造出功能强大的离线地图...
总结来说，这个"GoogleMap谷歌地图demo"是一个利用GoogleMap API实现的综合地图应用实例，可能包含了地图显示、定位、路线规划、自定义样式等多种功能。开发者可以通过学习和分析这个demo，掌握如何在自己的项目中...
【标题】"无密钥google map 第三代"指的是在不使用特定API密钥的情况下，采用Google Maps API的第三代版本进行地图应用开发的技术。通常，Google Maps API需要开发者注册并获取API密钥，以便追踪和限制使用量，但...
总结起来，Google Map不仅是一个地图服务，更是一个综合性的地理信息平台，其高级特性涵盖了定制化、实时信息、导航、开发工具等多个方面，满足了用户从日常生活到专业应用的广泛需求。随着技术的不断进步，Google ...
在GoogleMapDemo这个示例项目中，你可能会看到这些功能的综合运用，包括地图初始化、标记、路径绘制等。通过分析和学习这个项目，你可以进一步掌握在iPhone应用中使用Google Maps库进行地图开发的技巧。 总的来说，...
GoogleMap地图搜索(Silverlight版)是一款基于Microsoft Silverlight技术开发的应用程序，它允许用户通过Silverlight客户端与Google Maps API进行交互，实现对地理位置的多种搜索方式。源码的提供为我们提供了深入...
在本项目中，"基于Google Map的GPS轨迹定位系统"是一个综合性的技术实施，它结合了全球定位系统（GPS）的技术与Google Maps的接口，旨在实现对移动目标的实时跟踪和定位。这样的系统广泛应用于物流、交通管理、紧急...
在Android开发中，Google ...总的来说，"android google map实例"是一个涵盖了Android与Google Maps API集成的综合示例，涵盖了定位、地图展示、模式切换等多个重要知识点，对于学习和开发Android地图应用非常有帮助。
标题“googlemap.zip”暗示了这个...总之，“googlemap.zip”可能是一个综合性的资源包，包含了各种与Google地图开发、使用和学习相关的内容。无论是开发者还是对地图服务感兴趣的用户，都能从中找到有价值的信息。
在IT行业中，谷歌地图API（Google Maps API）是...综上所述，"利用GOOGLE MAP API二次开发"的项目涵盖了ASP.NET开发、谷歌地图API集成、地图浏览与定位、企业信息检索等多个方面的知识点，是一个综合性的Web开发实践。
"美食天下源码"是一个典型的Android应用示例，专注于美食分享和推荐，其中集成的GoogleMap功能，为用户提供了一种直观的方式来查找和探索各地的美食地点。下面我们将深入探讨这个应用中的关键技术和知识点。 1. **...
6. **多模式交通混合**：Google Maps还可以混合多种交通方式，比如先步行到公交站，再乘坐公交车，最后骑行一小段，为用户提供最便捷的综合方案。 7. **集成其他服务**：Google Maps可以与Google日历、Google Keep...
总的来说，这个系统展示了如何综合运用不同的技术来构建一个实际的Web应用，对于学习Java EE开发和深入了解这些技术在实际项目中的应用具有很高的参考价值。通过深入研究和实践，开发者可以提升自己在Web开发领域的...
位置服务（Location-Based Services，LBS），又称定位服务或基于位置的服务，融合了GPS定位、移动通信、导航等多种技术，提供了与空间位置相关的综合应用服务 位置服务首先在日本得到商业化的应用 2001年7月，DoCoMo...
总的来说，“基于Google Map的昆明公交查询地图”是一个结合了地图服务、公交数据处理和用户交互的综合性应用，它不仅展示了Google Maps API的强大功能，也体现了现代Web技术在地理位置服务领域的广泛应用。...
【基于Google Map的拼车网系统】是一种...总的来说，基于Google Map的拼车网系统涵盖了地理信息系统、数据库管理、网络编程、安全防护、用户体验设计等多个IT领域的知识，是综合运用技术解决实际问题的一个典型实例。
在这个综合案例中，我们将探讨四个具体的应用场景，分别是社交网络综合评分案例、微博精准营销案例、物品推荐案例以及QQ好友推荐案例。 1. 社交网络综合评分案例： 在这个案例中，MapReduce被用于分析社交网络用户...
【基于Google Map的API网页实例】是一个利用Google Maps API创建的互动地图应用。这个实例展示了如何将谷歌地图集成到网页中，为用户提供直观的地理位置展示和丰富的交互功能。Google Maps API是Google提供的一套...
标题中的"ssh-src.rar_SSH文件上传_java googlemap_ssh_文件上传下载"表明这是一个关于SSH（Secure Shell）文件上传功能的项目，结合Java技术和Google Map的实现。SSH是一种网络协议，用于安全地远程登录和传输文件...