最近在做一个基站项目，用到了google map ，下面是加基站的，其中基站经纬度在xml文件中，标注用到的图标是自己做的
<%@ page language="java" contentType="text/html; charset=GBK"
pageEncoding="GBK"%>
<!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>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Google Maps JavaScript API Example</title>
<script
src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAz7ggIExroafnC_4LPTZ7fRT1dIcxTwwJ3Kq3iq-Zokhz4eL7KBS84BwVgwESGiL3_qGmiJJOo4Ml-g"
type="text/javascript"></script>
<script
src="http://gmaps-utility-library.googlecode.com/svn/trunk/labeledmarker/release/src/labeledmarker.js"
type="text/javascript">
</script>
<script
src="http://gmaps-utility-library.googlecode.com/svn/trunk/markermanager/release/src/markermanager.js"
type="text/javascript">
</script>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript">
//<![CDATA[
function marks() {
var markerarr = new Array();
// 为所有标记创建指定阴影、图标尺寸灯的基础图标
var baseIcon = new GIcon();
baseIcon.iconSize = new GSize(20, 34);
baseIcon.shadowSize = new GSize(37, 34);
baseIcon.iconAnchor = new GPoint(9, 34);
baseIcon.infoWindowAnchor = new GPoint(9, 2);
baseIcon.infoShadowAnchor = new GPoint(18, 25);
// 创建信息窗口显示对应给定索引的字母的标记
function createMarker(point, index) {
// Create a lettered icon for this point using our icon class
var letter = String.fromCharCode("A".charCodeAt(0) + index);
var letteredIcon = new GIcon(baseIcon);
letteredIcon.image = "../images/aa.png";
// 设置 GMarkerOptions 对象
markerOptions = { icon:letteredIcon };
var marker = new GMarker(point, markerOptions);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml("标记 <b>" + letter + "</b>");
});
return marker;
}
//得到xml文件中的地理信息经纬度
GDownloadUrl("../xml/markers.xml", function(data, responseCode) {
var xml = GXml.parse(data);
var markers = xml.documentElement.getElementsByTagName("marker");
for ( var i = 0; i < markers.length; i++) {
var point = new GLatLng(parseFloat(markers[i]
.getAttribute("lat")), parseFloat(markers[i]
.getAttribute("lng")));
//markerarr.push(new GMarker(point));
var marker = createMarker(point, i);
//添加点击事件，连数据库
//GEvent.addListener(marker, "click", function() {
//var point = marker.getLatLng();
//var lat = point.lat();
//var lng = point.lng();
//发送请求
// $.post("../security/abnormalview.action", { x: lng, y: lat },
// function (data, textStatus){
// data 可以是 xmlDoc, jsonObj, html, text, 等等.
// this; // 这个Ajax请求的选项配置信息，请参考jQuery.get()说到的this
// alert(data.result);
// var result = $.parseJSON(data);
// }, "json");
//alert("您点击了图标。");
//var myHtml = "<b>#369</b><br/>"
//map.openInfoWindowHtml(point, myHtml);
//});
//添加到数组中
markerarr[i] = marker;
}
});
//alert("基站总数为"+markerarr.length);
return markerarr;
}
//产生地图
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GScaleControl());
//设置初始图层
map.setCenter(new GLatLng(36.71299, 119.15698), 15);
// var mm = new MarkerManager(map);
// mm.addMarkers(marks(),11,15);
//var mgrOptions = { borderPadding: 50, maxZoom: 18, trackMarkers: true };
//创建图标器，自动管理 ，设置课时范围为14层
var mgr = new GMarkerManager(map);
mgr.addMarkers(marks(), 14);
//刷新显示
mgr.refresh();
}
}
//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width: 800px; height: 500px"></div>
</body>
</html>
分享到：
相关推荐
2. **动态标注**：通过XML数据添加自定义标注，如热点地区、旅游景点等。 3. **缩放与平移**：结合XML中的坐标信息，实现地图的平滑缩放和平移。 4. **颜色编码**：根据XML数据的附加属性，改变区域的颜色，以表示...
你可以创建包含多个地点的KML文件，每个地点都有其经纬度坐标，然后在Google Map上加载这个文件，就能看到标注了这些地点的地图。 至于压缩包中的"坐标"文件，可能是包含了多个地点的经纬度信息，例如，它们可能是...
在Android应用开发中，百度...总之，Android上的百度地图开发允许开发者根据需要在地图上自由地添加标注，结合经纬度坐标，为用户提供直观的位置信息。通过不断探索和实践，你可以创建出更丰富、更个性化的地图应用。
此外，高德地图SDK还提供了丰富的功能，如显示地图、标注、路线规划等，开发者可以根据需求进一步学习和使用。在实际开发中，一定要注意遵循高德地图的使用协议，避免侵犯用户隐私，同时对异常情况进行妥善处理，...
本文将分享关于Google Map API的开发经验，特别是自定义图层和基站定位这两个关键点。 首先，开发Google Map应用的基础工作是设置MapView。MapView是展示地图的核心组件，它需要在MapActivity中使用。创建一个...
1. **初始化Google Maps SDK**：在Android应用中，我们首先需要在AndroidManifest.xml文件中添加必要的权限，如ACCESS_FINE_LOCATION和INTERNET，然后在布局文件中嵌入MapView控件，并在代码中初始化Google Maps对象...
本文将详细介绍Google Maps API的基础知识、正向标注、反向标注、任意多边形、自定义GMarker、地图控件与地图属性以及空间数据类型。 **基础知识** 1. **Google Maps API概念**：它是一套JavaScript库，可以嵌入到...
获取到API密钥后，将其配置到Android项目的`AndroidManifest.xml`文件中的`meta-data`标签内，以允许应用访问Google Maps服务。 在描述中提到的"搜索资源定位"是指利用Google Maps API提供的地理编码服务，将用户...
SeismicXML是一个用于解析地震数据XML文件的开源库，它主要设计用于在移动设备上，如iOS系统，显示地震活动的动态地图。这个项目可能是为了将来自美国地质调查局（USGS）或其他类似机构的实时地震数据以XML格式转换...
在提供的文件名中，“library.swf”可能是包含Google Maps API库的SWF文件，而“catalog.xml”可能是描述项目资源或组件的元数据文件。在实际开发过程中，这两个文件会作为项目的一部分，帮助你集成和管理所需的库和...
在Android平台上进行百度地图开发，实现地图...通过这些步骤，你可以根据实际需求创建出具有个性化标注的百度地图应用。如果需要更复杂的操作，如动态更新标注、动画效果等，可以进一步探索百度地图SDK提供的其他功能。
7. **KML支持**：`KmlLayer`允许加载KML（Keyhole Markup Language）文件，这是一种XML格式，常用来存储地理标注和地理空间数据。通过这个类，开发者可以轻松地在地图上展示KML数据。 8. **图层管理**：`...
在XML布局文件中添加MapView，然后在对应的Java或Kotlin类中获取MapView实例并调用onCreateView、onResume、onPause、onDestroy等生命周期方法来管理地图状态。 ```xml <com.amap.api.maps.MapView android:id="@+...
在IT行业中，Google Map是一个广泛使用的地图服务，它提供了丰富的API和工具，使得开发者能够将地图功能集成到自己的应用程序中。下面，我们将深入探讨如何利用Google Map API创建一个简单的地图应用，通过输入地名...
基于google map api 开发的地图程序，可以通过在mapsdata.xml中加入需要标注的地点的经纬度，来实现地图显示的功能
这里`MarkerInfo`是自定义的数据类，包含了标注的经纬度和标题，`marker_icon`是资源文件中的标注图标。 为了优化性能，可以考虑使用`MarkerClusterer`进行标注聚合，尤其是在标注数量较大时，可以减少屏幕上的视觉...
通过以上的步骤，你已经掌握了在WPF应用中使用GMap.NET开发地图功能的基本技巧，包括添加自定义标注和集成Google Maps及Bing Maps。继续探索GMap.NET的高级特性，如路线规划、图层管理和离线地图，将使你的地图应用...
3. **标注与覆盖物**：开发者可以添加自定义图标或文本作为地图上的标注，也可以在地图上绘制各种图形，如矩形、圆形、多边形等，以展示特定信息。 4. **路线规划**：SDK内置了驾车、步行、骑行等多种路线规划算法...
XPath是一种在XML文档中查找信息的语言，但在JavaScript对象中，城市名称通常不需要XPath来访问。而“有无城市名称后缀”，可能是指某些城市坐标信息中可能包含了额外的信息，比如“市”或“区”的后缀，这取决于...
7. **覆盖物（Overlay）**：除了标注，AMap API还允许开发者自定义覆盖物，如自定义形状、图像等，丰富地图内容。`Overlay`和`OverlayManager`是主要的接口，用于管理和绘制覆盖物。 8. **事件监听**：为了响应用户...