在谷歌地图评论中添加一个分享按钮
Add a share button in google map comment
我有一个使用HTML5 geoaction的Jscript,效果很好。我想添加一个共享按钮,它显示我的位置,但我不知道如何在这里添加一个按钮
<script src="https://maps.googleapis.com/maps/api/js?secretapi&sensor=true"></script>
<script>
var map;
function initialize() {
var mapOptions = {
zoom: 18,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
// Try HTML5 geolocation
if(navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var pos = new google.maps.LatLng(position.coords.latitude,
position.coords.longitude);
var infowindow = new google.maps.InfoWindow({
map: map,
position: pos,
content: 'your pos' +pos //**i want add a fb share button here**
});
map.setCenter(pos);
}, function() {
handleNoGeolocation(true);
});
} else {
// Browser doesn't support Geolocation
handleNoGeolocation(false);
}
}
function handleNoGeolocation(errorFlag) {
if (errorFlag) {
var content = 'Error: The Geolocation service failed.';
} else {
var content = 'Error: Your browser doesn''t support geolocation.';
}
var options = {
map: map,
position: new google.maps.LatLng(60, 105),
content: content
};
var infowindow = new google.maps.InfoWindow(options);
map.setCenter(options.position);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
Infowindow可以使用html标记作为内容。所以如果你想添加一个按钮,你可以简单地
content: 'your pos' + pos + '<button></button>'
把它看作一个div,它可以接受任何html标记,这些标记也可以被样式化(标记,而不是窗口)。
一个演示
要将事件绑定到动态元素(在本例中是按钮)上,可以执行以下操作
content: 'your pos' + pos + '<button id="myButton"></button>'
在js脚本中执行以下操作
$("body").on("click", "#myButton", function(e) {
// ...
});
请注意,以上是jQuery对象的一个方法,因此请确保包含jQuery库。
一个新的演示,按下按钮,看到正在绑定
相关文章:
- 创建一个类似链接的按钮,并通过Javascript函数打开一个新的弹出窗口
- jQuery:循环一个具有不同超时值的循环
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 从javascript创建一个列表
- 节点导出返回一个空对象
- 使用clickToggle并在单击另一个元素时关闭元素
- 我可以在json对象中添加一个函数吗
- 使用javascript将动态表从一个html页面打印到另一个html页
- 将jsp文件下拉列表中的选定项分配给一个java变量(比如String selection)
- 表追加而不附加最后一个元素
- 我如何找到一个句子中的所有空格并替换忽略它们
- D3在一个调用中绘制不同的SVG形状,没有可见性
- 如何在android中使用phonegap将文件从一个文件夹移动/复制到另一个文件夹
- 使用类从一个标记中双击事件
- 在谷歌地图评论中添加一个分享按钮
- 如何从主页上分享几个帖子,每个帖子都有自己的截图,但都有一个URL?Facebook, Google+, Twitter
- 添加一个分析事件到谷歌课堂分享按钮
- 如何生成一个Facebook喜欢的网站预览分享
- 我想做一个简单的视频分享网站.我该从哪里开始呢?
- 什么是最有效的方式来获得我的朋友在facebook上分享的最后一个视频(json)