使用google API javascript v3 MarkerManager添加单个点
Adding a single point with google API javascript v3 MarkerManager
嘿,我在使用标记管理器向谷歌地图v3添加单个标记时遇到了问题。我知道管理器更适合添加数组,但我希望了解如何在学习过程中添加单个标记。有人能给我指正确的方向吗?这是我目前正在使用的添加单个标记的代码:
<DOCTYPE! html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
#map_canvas { height: 100% }
</style>
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false">
</script>
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(29.448903234142804, -98.51985454559326);
var myOptions = {
zoom: 10,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
mgr = new MarkerManager(map);
var myLatlng = new google.maps.LatLng(29.448903234142804, -98.51985454559326);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title:"Hello World!"});
mgr.addMarker(marker,9,12);
mgr.refresh();}
</script>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>
如果您收到错误"谷歌未定义",请在HTML文件的BODY部分内或之后放置到markrmanager.js的链接,例如<script src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markermanager/src/markermanager.js"></script>
。
==========
更新:现在它可以像你希望的那样工作——经过测试!!
你必须做两件事:第一:通过在HEAD中加载MarkerManager源
<script type="text/javascript">
document.write('<script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markermanager/src/markermanager.js"><'+'/script>');
</script>
第二:告诉经理在地图加载后添加您的标记:
google.maps.event.addListener(mgr, 'loaded', function(){
mgr.addMarker(marker,9,12);
mgr.refresh();});
}
祝好运
K
相关文章:
- 正在添加'X'按钮,在文本字段旁边使用javascript
- 如何在映射数组中添加换行符
- 正在将数据主题添加到所有项目
- ZeroClipboard-在复制之前添加到值
- 我可以在json对象中添加一个函数吗
- 将输入字段中的文本提交到我的数据库,同时将其添加到我的列表中
- 正在SharePoint 2013母版页中添加JQuery移动文件
- 如何添加浮动和非浮动,其他
- 添加文字和评论功能更新Div
- 如果使用 lodash 将属性存在于另一个对象中,则向对象添加属性
- 动态地改变“”的URL;添加新项目”;链接使用javascript/jquery
- 在函数中添加数组元素的数值
- 如何将歌曲添加到jPlayer
- 在html Select中添加搜索
- Java脚本时间添加
- FabricJs-限制主对象内添加对象的移动区域
- JQuery添加元素需要在我的js之前再次添加JQuery脚本
- 如何在Google柱状图中动态添加行/列
- 正在尝试使用if和else添加类,但无法正常工作
- 使用google API javascript v3 MarkerManager添加单个点