1.创建图标背景色
var icon = new GIcon();
icon.image = "blue.png";
icon.shadow=
"http://labs.google.com/ridefinder/images/mm_20_shadow.png";
icon.iconSize = new GSize(12, 30);
icon.shadowSize = new GSize(22, 30);
icon.iconAnchor = new GPoint(6, 30);
icon.infoWindowAnchor = new GPoint(5, 1);
2.创建地图
var map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
var point = new GLatLng(39.917, 116.397);
map.setCenter(point, 13);
3.创建图标
var marker = new GMarker(point, icon);
map.addOverlay(marker);
4.获取经纬度
GEvent.addListener(map, "moveend", function(){
var center = map.getCenter();
document.getElementById("message").innerHTML = center.toString();
});
5.在图标上弹出信息页签
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml("可以了!");
});
6.根据地图坐标随机生成图标,并可弹出信息提示框
a>弹出信息提示框
function createMarker(point) {
var marker = new GMarker(point, icon);
map.addOverlay(marker);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml("You clicked me!");
});
}
b>根据地图随机生成图标
var bounds = map.getBoundsLatLng();
var width = bounds.maxX - bounds.minX;
var height = bounds.maxY - bounds.minY;
for (var i = 0; i < 10; i++) {
createMarker(new GPoint(bounds.minX + width * Math.random(),
bounds.minY + height * Math.random()));
}
7.从xml文件读取图标信息
GDownloadUrl("data.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
.getAttribute("lat")),
parseFloat(markers
.getAttribute("lng")));
var marker = new GMarker(point);
map.addOverlay(marker);
}
});
8.创建/删除图标
GEvent.addListener(map, "click", function(marker, point) {
if (marker) {
map.removeOverlay(marker);
} else {
map.addOverlay(new GMarker(point));
}
});
9.随机生成线条
var points = [];
for(var i = 0; i < 5; i++)
{
points.push(new GLatLng(southWest.lat() + latSpan * Math.random(),
southWest.lng() + lngSpan * Math.random()));
}
points.sort(function(p1, p2){
return p1.lng() - p2.lng();
});
map.addOverlay(new GPolyline(points));
10.平移地图中心
window.setTimeout(function(){
map.panTo(new GLatLng(41.4569, 110.1569));
}, 1000);
描述: 得到节点信息
分享到:
相关推荐
gmap.net实例,用C#语言开发的一个Demo
GMAP离线地图下载,GMAP离线地图下载,支持谷歌、百度、高德、腾讯,支持行政区域与自定义下载,Zoom级别可以自定义设置,主要便于C#GMAP开发离线地图做参考,尤其是根据行政区域下载。.rar
使用labview利用gmap.net加载电子地图
GMap.NET的两个核心库:GMap.NET.Core.dll以及GMap.NET.WindowsForms.dll
GMAP.net官方最新完整源代码,C#开源的地图组件可以进行Google、必应等地图的在线浏览及离线地图下载和浏览。
GMAP.net 默认高德地图
Gmap库,以及一个小型的示例demo
G Map的检索和用法 DEMO 代码
Gmap开源的强大的地图显示软件,不支持天地图资源,本资源研究天地图的切片方式,添加天地图的矢量和影像在线和离线显示。
C#gmap开发资料,有助于初步了解C#gmap开发资料的知识
GMap.NET的两个核心库:GMap.NET.Core.dll以及GMap.NET.WindowsForms.dll
gmap.net地图的离线下载程序,离线也可以用使用Google地图
GMap 自定义Marker以及规则图形的绘制
GMap.NET下载离线地图下载即用谷歌百度腾讯高德
.Net4下GMap地图下载器 ,包含GMap.NET.Core.dll、GMap.NET.WindowsForms.dll、GMap.NET.WindowsPresentation.dll
GMap.NET
gmap国内地图:百度、搜狗等,文件中的国内地图可以使用