当前位置：文江博客话题详情

Salesforce.com Visualforce Google 地图

发布于 2024-09-16 02:52:13 字数 600 浏览 6 评论 0原文

我需要一些帮助，我认为这篇文章会对我有所帮助，但我对 Google 地图和 Visualforce 非常陌生。 eyescream 回答，请参阅帖子如何将 Salesforce 与 Google 地图集成？。

我的问题非常相似，但我不需要搜索记录来绘制它们可作为相关列表使用。

我有两个名为 Wildlife__c 和 Sighting__c 的自定义对象。

目击功能可以查找野生动物，因此您可以记录特定动物的目击事件。目击对象有两个自定义字段 long__c 和 lat__c。

我想要野生动物页面上的地图，可以浏览所有不同的目击事件并在地图上标记。该地图将简单地添加为“野生动物”页面的一个组件。

我可以在目击对象上通过一次目击生成一张地图，但我可以在野生动物对象上复制这一点。我想我需要创建一个数组，但不知道如何创建。

非常感谢

罗斯

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

夜巴黎 2024-09-23 02:52:22

您需要找出包含相关列表的 html 表的 ID。您可以使用 Firefox 插件（我更喜欢 Firebug，但是< href="https://addons.mozilla.org/pl/firefox/addon/60/" rel="nofollow noreferrer">Web 开发人员工具栏也很酷）。对于 Internet Explorer...我猜是“调试器”；如果您安装了 Visual Studio 或某些 IE 插件，则将语句放在 JavaScript 中的某处即可工作。

无论采用何种方式，您应该能够精确定位与此类似的 HTML：

<div class="pbBody" id="0017000000Lg8Wg_RelatedOpportunityList_body">
    <table class="list" border="0" cellpadding="0" cellspacing="0">
    ...

现在看看我的答案中的 JavaScript，尤其是这部分：

var htmlTable = document.getElementById('j_id0:j_id2:j_id7:accountTable').getElementsByTagName("tbody")[0].getElementsByTagName("tr");
for (var i = 0; i < htmlTable.length; ++i) {
    names.push(htmlTable[i].getElementsByTagName("td")[0]);

    // We need to sanitize addresses a bit (remove newlines and extra spaces).
    var address = htmlTable[i].getElementsByTagName("td")[1].innerHTML;
    addresses.push(address.replace(/\n/g, "").replace(/^\s+/,"").replace(/\s+$/,""));
}

将您找到的 ID 插入第一行。找出哪个单元格包含您的纬度和经度信息。您可以再次使用调试器找到它，或者通过将alert()框放入循环内进行实验。

最后一部分是您不需要对地址进行地理编码，您已经有了 LAT 和 LONG。因此，直接跳到函数 FinalizeDrawingMap() 并重用它的内容。您可以跳过尝试猜测最佳缩放的部分（甚至更好 - 检查 Google Maps API 是否有更好的技巧；这是快速且丑陋的黑客攻击）。你所需要的核心在于

for(i=0;i < coordinates.length; i++){
    markers.push(new google.maps.Marker({ position: coordinates[i], map: map, title: names[i].getElementsByTagName("a")[0].innerHTML, zIndex:i}));
    ...
}

“好运”和“好运”。欢迎来到 StackOverflow :)

You need to figure out the ID of html table which contains your related list. You could use a Firefox plugin for that (I prefer Firebug, but Web Developer Toolbar is also cool). For Internet Explorer... I guess the "debugger;" statement put somewhere in JavaScript would work if you have Visual Studio or some IE plugin installed.

Whatever the means, you should be able to pinpoint to HTML similar to this:

<div class="pbBody" id="0017000000Lg8Wg_RelatedOpportunityList_body">
    <table class="list" border="0" cellpadding="0" cellspacing="0">
    ...

Now have a look at JavaScript in my answer, especially this part:

var htmlTable = document.getElementById('j_id0:j_id2:j_id7:accountTable').getElementsByTagName("tbody")[0].getElementsByTagName("tr");
for (var i = 0; i < htmlTable.length; ++i) {
    names.push(htmlTable[i].getElementsByTagName("td")[0]);

    // We need to sanitize addresses a bit (remove newlines and extra spaces).
    var address = htmlTable[i].getElementsByTagName("td")[1].innerHTML;
    addresses.push(address.replace(/\n/g, "").replace(/^\s+/,"").replace(/\s+$/,""));
}

Insert the ID you have found into first line. Figure out which <td> cell contains your latitude and longitude information. You can again find it out with your debugger or experiment by putting alert() box inside the loop.

Last part is that you don't need to geocode your addresses, you already have LAT and LONG. So skip directly to function finalizeDrawingMap() and reuse it's content. You can skip the part that tries to guess best zoom (or even better - check Google Maps API if there's better trick for it; that was quick and ugly hack). The core of what you need lies in

for(i=0;i < coordinates.length; i++){
    markers.push(new google.maps.Marker({ position: coordinates[i], map: map, title: names[i].getElementsByTagName("a")[0].innerHTML, zIndex:i}));
    ...
}

Good luck & welcome to StackOverflow :)

回复收藏 0 原文

~没有更多了~