可以'不要在代码中包含谷歌地图标记
Can't include a Google Maps marker in code?
以下是我一直在做的工作:http://jsfiddle.net/sumeetbansal/morxcuxc/.
function initialize() {
var mapOptions = {
center: new google.maps.LatLng(22.291, 53.027),
zoom: 3,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
el = document.getElementById('map-canvas');
var map = new google.maps.Map(el,mapOptions);
// Define the symbol, using one of the predefined paths ('CIRCLE')
// supplied by the Google Maps JavaScript API.
var lineSymbol = {
path: google.maps.SymbolPath.CIRCLE,
scale: 8,
strokeColor: '#393'
};
var start = new google.maps.LatLng (32.291, 3.027);
var endpt = new google.maps.LatLng (12.291, 103.027);
var coord = [start, endpt];
var line = new google.maps.Polyline({
path: coord,
strokeColor: '#393',
strokeOpacity: 1,
strokeWeight: 1,
geodesic: true,
map: map,
icons: [{
icon: lineSymbol,
offset: '100%'
}],
});
animateCircle();
var step = 0;
var numSteps = 250; //Change this to set animation resolution
var timePerStep = 1; //Change this to alter animation speed
var interval = setInterval(function() {
step += 1;
if (step > numSteps) {
clearInterval(interval);
} else {
var theMotion = google.maps.geometry.spherical.interpolate(start,endpt,step/numSteps);
line.setPath([start, theMotion]);
}
}, timePerStep);
}
function animateCircle() {
var count = 0;
window.setInterval(function() {
count = (count + 1) % 200;
var icons = line.get('icons');
icons[0].offset = (count / 2) + '%';
line.set('icons', icons);
}, 20);
}
google.maps.event.addDomListener(window, 'load', initialize);
我从我在动画多段线和动画符号中发现的其他代码片段中形成了它,它运行得很好。然而,每当我尝试向代码添加标记时(我尝试在许多地方添加它),代码从不初始化,有时不显示任何内容,有时只显示映射。有人能帮我弄清楚我做错了什么吗?
var sourceImage = 'source-map-marker.png';
new mrker = new google.maps.Marker({
position: start,
map: map,
icon: sourceImage
});
删除mrker
之前的new
并替换为var
:var mrker = new google.maps.Marker({
请参阅:http://jsfiddle.net/yghoy4ka/
相关文章:
- 谷歌地图API JS V3包含但不起作用
- 如何正确地包含带有参数的谷歌地图API
- 谷歌脚本查看文本是否包含值
- 如何在php JSON编码结果中包含谷歌分析
- 获取包含我的谷歌应用程序脚本的页面的url
- 如何在本地而非CDN中包含谷歌地图JS库
- 谷歌脚本如果文件名包含x字符串日志“;x被发现“;缺少括号
- 谷歌表单:在文档的电子邮件中包含超链接'谷歌硬盘的位置
- 如何在谷歌网站中包含带有HTML的javascript
- 如何在 html 页面中包含谷歌应用脚本,该脚本在谷歌云端硬盘上具有上传功能
- 错误“包含”未定义在谷歌地图 JS API 中
- 将包含内容和元数据的文件上传到谷歌文档会返回400无效/错误请求
- 谷歌闭包编译器包含
- 检测覆盖是否包含标记对象.谷歌地图API V3,绘图库
- 在谷歌图表中包含带有MathJax的LaTeX符号
- 谷歌钱包:如何在success_handler中包含订单ID
- 谷歌地图API v3-创建一个包含其他属性内容的标记属性
- 谷歌应用程序引擎(PHP)-如何包含javascript
- 谷歌电子表格脚本为包含某个单词的行着色,并自动将该行移动到另一张工作表
- 可以'不要在代码中包含谷歌地图标记