googlemapapi实例(google map api 如何在一个标记的信息窗口中添加一个链接)

本文目录
google map api 如何在一个标记的信息窗口中添加一个链接
***隐藏网址***
《head runat="server"》
《title》Google 地图 JavaScript API 示例: 简单的地图《/title》
***隐藏网址***
《script type="text/javascript"》
function initialize() {
var mylatlng = new google.maps.LatLng(39.917, 116.397);
var mapOptions = {
zoom: 14, //缩放级别
center: mylatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP, //ROADMAP-默认视图 SATELLITE-显示Google地球卫星图像 HYBRID-混合显示普通视图和卫星视图 TERRAIN-地形图
scaleControl: true, //比例尺
mapTypeControl: true,
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}
};
var map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);
var mark = new google.maps.Marker({
position : mylatlng,
map : map,
title : "天外居"
});
var message = new google.maps.InfoWindow({
***隐藏网址***
size : new google.maps.Size(100,100)
});
google.maps.event.addListener(mark,’click’,function(){
message.open(map,mark);
});
}
《/script》
《/head》
《body onload="initialize()"》
《form id="form1" runat="server"》
《div id="map_canvas" style="width: 400px; height: 200px"》
《/div》
《/form》
《/body》
《/html》
如何通过google map api实现地图定位
1. 通过 IP 得到地址
2. JavaScript下使用地理译码
var map = new GMap2(document.getElementById("map"));
var geocoder = new GClientGeocoder();
function showAddress(address) {
geocoder.getLatLng(
address,
function(point) {
if (!point) {
alert(address + " not found");
} else {
map.setCenter(point, 13);
var marker = new GMarker(point);
map.addOverlay(marker);
marker.openInfoWindowHtml(address);
}
}
);
}

更多文章:
blast premier春季赛(csgo战队vitality有谁)
2026年9月7日 21:50
全球新冠肺炎疫情背景下航运发展(盐田港复苏日志:半年历劫从“低谷”到“爆仓” 疫情之后巨轮如何越洋航行)
2026年9月7日 17:10
matlab求解带字母参数方程组(我想matlab求一个关于x,y的方程组 ab c d f e h m n 都是参数)
2026年9月7日 16:30
oracle中的循环语句(下面哪个不是oracle程序设计中的循环语句 a for)
2026年9月7日 15:30
电脑里2个系统怎么删除一个(电脑开机显示有两个系统,如何删除一个)
2026年9月7日 12:20




