谷歌地图API V3-在同一张地图上有两个标记的位置
Google maps API V3 - Two location with markers on same map
我想在地图上同时显示两个不同的位置,一个是当前位置,另一个是不同的位置。我使用的是javascript V3版本。这是我显示一个位置的代码。
var pos = new google.maps.LatLng(latitude, longitude);
window.localStorage.setItem("event_location",pos);
if (!google) {
loadScript();
}
var pos1 = window.localStorage.getItem("current_location");
alert('position '+pos1);
var myOptions = {
center : pos,
zoom : 8,
mapTypeId : google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var contentString = '<div id="content">'+
'<div id="siteNotice">'+
'</div>'+
'<h4 id="firstHeading" class="firstHeading">'+add+'</h4> ' +
'<div id="bodyContent">'+
'<p>Meeting with'+'<b> '+ personName + '</b>, <br/>on ' +
'<b>'+startDate+'</b> at ' +
'<b>'+startTime+'</b>' +
'</div>'+
'</div>';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
var marker = new google.maps.Marker({
position: pos,
map: map,
title:"Event Location!"
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
pos1是我的第二个位置,它是通过phonegap当前位置方法计算的。请帮帮我。
如果pos1
是google.maps.LatLng
实例
var marker = new google.maps.Marker({
position: pos,
map: map,
title:"Event Location!"
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
var marker1 = new google.maps.Marker({
position: pos1,
map: map,
title:"New Location!"
});
google.maps.event.addListener(marker1, 'click', function() {
infowindow.open(map,marker1);
});
marker.setMap(map);
marker1.setMap(map);
编写用于显示第二个标记的代码,即如果您有pos1的lat-long,则创建一个标记并将其显示在同一地图上。如果客户端浏览器具有合理的处理能力,则显示secod标记几乎不需要几毫秒。
相关文章:
- 修复列表的绝对位置(li's隐藏在前两个后面)
- 在AngularJS中的两个位置使用相同的控制器
- 我需要从文本框中的名字和姓氏的前两个字母到页面中的某个位置
- 在两个位置显示数组中的随机单词
- javascript中两个位置之间的距离
- 1行代码(console.log),代码中的两个位置=两个结果差异
- 如何在jquerymobile中同时放置两个定位的经纬度位置
- 函数来检查给定整数数组中给定位置的元素是否大于其两个邻域
- 单击页面上的任意位置时隐藏两个元素
- 如何将两个位置添加到同一个网站的谷歌地图中
- JavaScript:window.conf,有两个窗口位置
- 如何在两张地图中标记两个不同的位置是同一页面
- 同步两个可拖动元素的位置
- 如何根据jQuery中的滚动位置将Class()添加到两个不同导航的活动链接中
- 随机播放数组,因此没有两个键位于同一位置
- 比较画布上两个位置的 x/y
- 比较身体中两个元素的位置
- 如何在javascript中比较两个元素的位置
- 使用 AJAX 将表单提交到两个位置
- 获取两个位置之间的距离和时间的功能