Javascript 通过单击html链接在google地图上显示信息窗口
有没有办法从外部链接激活谷歌地图上的信息窗口?下面是html和js代码 我想有一个简单的外部链接来激活标记信息窗口 任何帮助都将不胜感激 萨贾:)Javascript 通过单击html链接在google地图上显示信息窗口,javascript,jquery,google-maps,Javascript,Jquery,Google Maps,有没有办法从外部链接激活谷歌地图上的信息窗口?下面是html和js代码 我想有一个简单的外部链接来激活标记信息窗口 任何帮助都将不胜感激 萨贾:) 地图 #地图{ 宽度:640px; 高度:480px; 边框:6px实心#6f5e; 保证金:20px自动30px自动; } 变量标记=[ [Marker 1',13.988719100.617909], [Marker 2.”,13.662811100.43758], [Marker 3',13.744961100.535073], [Marke
地图
#地图{
宽度:640px;
高度:480px;
边框:6px实心#6f5e;
保证金:20px自动30px自动;
}
变量标记=[
[Marker 1',13.988719100.617909],
[Marker 2.”,13.662811100.43758],
[Marker 3',13.744961100.535073],
[Marker 4',13.801981100.613864],
[Marker 5',13.767507100.644024],
];
$(文档).ready(函数(){
变量myOptions={
mapTypeId:google.maps.mapTypeId.ROADMAP,
mapTypeControl:false
};
var map=new google.maps.map(document.getElementById(“map”),myOptions);
var image=new google.maps.MarkerImage('img/marker.png',
新谷歌地图大小(65,32),
新google.maps.Point(0,0),
新谷歌地图点(18,42)
);
var infowindow=new google.maps.infowindow();
var标记,i;
var bounds=new google.maps.LatLngBounds();
对于(i=0;i
您可以使用
function infoOpen(i)
{
google.maps.event.trigger(markers[i],'click');
}
将此功能用于元素的onclick
例如
在这里我张贴完整的代码
<html>
<head>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&language=en"></script>
<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script>
function infoOpen(i)
{
google.maps.event.trigger(gmarkers[i], 'click');
}
var gmarkers = [];
var markers = [];
markers = [
['0', 'Marker 1', 13.988719, 100.617909],
['1', 'Marker 2', 13.662811, 100.43758],
['2', 'Marker 3', 13.744961, 100.535073],
['3','Marker 4', 13.801981, 100.613864],
['4', 'Marker 5', 13.767507, 100.644024]];
$(document).ready(function () {
var myOptions = {
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl: false
};
var map = new google.maps.Map(document.getElementById("map"), myOptions);
var image = new google.maps.MarkerImage('img/marker.png',
new google.maps.Size(65, 32),
new google.maps.Point(0, 0),
new google.maps.Point(18, 42));
var infowindow = new google.maps.InfoWindow();
var marker, i;
var bounds = new google.maps.LatLngBounds();
for (i = 0; i < markers.length; i++) {
var pos = new google.maps.LatLng(markers[i][2], markers[i][3]);
var content = markers[i][1];
bounds.extend(pos);
marker = new google.maps.Marker({
position: pos,
map: map
});
gmarkers.push(marker);
google.maps.event.addListener(marker, 'click', (function(marker, content) {
return function() {
infowindow.setContent(content);
infowindow.open(map, marker);
}
})(marker, content));
}
map.fitBounds(bounds);
});
</script>
<style>
body {
text-align: center
}
#map {
width:640px;
height: 480px;
border:6px solid #6f5f5e;
margin:20px auto 30px auto;
}
</style>
</head>
<body>
<div>
<a href="javascript:void(0);" onclick="infoOpen('0');">mark 1</a> <a href="javascript:void(0);" onclick="infoOpen('1');">mark 2</a> <a href="javascript:void(0);" onclick="infoOpen('2');">mark 3</a> <a href="javascript:void(0);" onclick="infoOpen('3');">mark 4</a> <a href="javascript:void(0);" onclick="infoOpen('4');">mark 5</a>
<div id="map"> </div>
</div>
</body>
</html>
功能信息公开(一)
{
google.maps.event.trigger(gmarkers[i],'click');
}
var gmarkers=[];
var标记=[];
标记=[
[0','Marker 1',13.988719100.617909],
[1','Marker 2',13.662811100.43758],
[2','Marker 3',13.744961100.535073],
[3','Marker 4',13.801981,100.613864],
[4',标记5',13.767507100.644024];
$(文档).ready(函数(){
变量myOptions={
mapTypeId:google.maps.mapTypeId.ROADMAP,
mapTypeControl:false
};
var map=new google.maps.map(document.getElementById(“map”),myOptions);
var image=new google.maps.MarkerImage('img/marker.png',
新谷歌地图大小(65,32),
新的google.maps.Point(0,0),
新的google.maps.Point(18,42));
var infowindow=new google.maps.infowindow();
var标记,i;
var bounds=new google.maps.LatLngBounds();
对于(i=0;i
我添加了gmarkers.push(marker)
您可以使用
function infoOpen(i)
{
google.maps.event.trigger(markers[i],'click');
}
将此功能用于元素的onclick
例如
在这里我张贴完整的代码
<html>
<head>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&language=en"></script>
<script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
<script>
function infoOpen(i)
{
google.maps.event.trigger(gmarkers[i], 'click');
}
var gmarkers = [];
var markers = [];
markers = [
['0', 'Marker 1', 13.988719, 100.617909],
['1', 'Marker 2', 13.662811, 100.43758],
['2', 'Marker 3', 13.744961, 100.535073],
['3','Marker 4', 13.801981, 100.613864],
['4', 'Marker 5', 13.767507, 100.644024]];
$(document).ready(function () {
var myOptions = {
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl: false
};
var map = new google.maps.Map(document.getElementById("map"), myOptions);
var image = new google.maps.MarkerImage('img/marker.png',
new google.maps.Size(65, 32),
new google.maps.Point(0, 0),
new google.maps.Point(18, 42));
var infowindow = new google.maps.InfoWindow();
var marker, i;
var bounds = new google.maps.LatLngBounds();
for (i = 0; i < markers.length; i++) {
var pos = new google.maps.LatLng(markers[i][2], markers[i][3]);
var content = markers[i][1];
bounds.extend(pos);
marker = new google.maps.Marker({
position: pos,
map: map
});
gmarkers.push(marker);
google.maps.event.addListener(marker, 'click', (function(marker, content) {
return function() {
infowindow.setContent(content);
infowindow.open(map, marker);
}
})(marker, content));
}
map.fitBounds(bounds);
});
</script>
<style>
body {
text-align: center
}
#map {
width:640px;
height: 480px;
border:6px solid #6f5f5e;
margin:20px auto 30px auto;
}
</style>
</head>
<body>
<div>
<a href="javascript:void(0);" onclick="infoOpen('0');">mark 1</a> <a href="javascript:void(0);" onclick="infoOpen('1');">mark 2</a> <a href="javascript:void(0);" onclick="infoOpen('2');">mark 3</a> <a href="javascript:void(0);" onclick="infoOpen('3');">mark 4</a> <a href="javascript:void(0);" onclick="infoOpen('4');">mark 5</a>
<div id="map"> </div>
</div>
</body>
</html>
功能信息公开(一)
{
google.maps.event.trigger(gmarkers[i],'click');
}
var gmarkers=[];
var标记=[];
标记=[
[0','Marker 1',13.988719100.617909],
[1','Marker 2',13.662811100.43758],
[2','Marker 3',13.744961100.535073],
[3','Marker 4',13.801981,100.613864],
[4',标记5',13.767507100.644024];
$(文档).ready(函数(){
变量myOptions={
mapTypeId:google.maps.mapTypeId.ROADMAP,
mapTypeControl:false
};
var map=new google.maps.map(document.getElementById(“map”),myOptions);
var image=new google.maps.MarkerImage('img/marker.png',
新谷歌地图大小(65,32),
新的google.maps.Point(0,0),
新的google.maps.Point(18,42));
var infowindow=new google.maps.infowindow();
var标记,i;
var bounds=new google.maps.LatLngBounds();
对于(i=0;i$('#listdiv').append('<p><a href="javascript:show(' + i + ')" id="link' + i + '">' + locations[i][0] + '</a></p>');
<select><option><a href="javascript:show(' + i + ')"...