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

如何绘制用户的图表JavaScript 地图上的国家/地区信息为“Pins”；针对每个国家的数据点？地理编码的东西

发布于 2024-12-09 11:03:56 字数 304 浏览 0 评论 0原文

这是一个简单的“如何做”问题。

我的数据库中有用户及其国家/地区名称。我想要获取所有用户的国家/地区信息，并将其显示在 JavaScript 地图上作为数据点的“图钉”。例如，如果我有来自巴西的用户，就会有巴西的 Pin 图，等等。

由于我只查看国家/地区，因此最好的方法是什么？我刚刚看到这个，但我不确定这就是答案。在鼠标悬停时显示包含该国家/地区用户总数的工具提示将是一个很大的优势。

原文

分享到QQ

分享到微博

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

发布评论

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

所有深爱都是秘密 2024-12-16 11:03:56

在地图上创建图钉的示例脚本如下：

 <script type="text/javascript">
  function initialize() {
    var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
    var myOptions = {
       zoom: 4,
       center: myLatlng,
       mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);    
    var marker = new google.maps.Marker({
       position: myLatlng, 
       map: map,
       title:"This is Australia!"
     });   
 }

您将需要获取每个国家/地区中心点的纬度、经度
您有多种选项可以将数据获取到javascript
我。如果您使用的是 asp.net MVC，您可以创建一个返回 JsonResult 的操作
二.您可以使用 ajax 调用服务器方法并获取结果。
最后，通过循环列表来操作 JavaScript 中的数据以创建标记引脚。

A sample script to create the pins on the map is as below:

 <script type="text/javascript">
  function initialize() {
    var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
    var myOptions = {
       zoom: 4,
       center: myLatlng,
       mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);    
    var marker = new google.maps.Marker({
       position: myLatlng, 
       map: map,
       title:"This is Australia!"
     });   
 }

You will need to get the Lat, Lng of the center point of each country
You have various options to get the data to javascript
i. if you are using asp.net MVC, you could create an action that returns JsonResult
ii. you could use ajax to make a call to a server method and get the results.
Finally, manipulate the data in javascript by looping through the list to create the marker pins.

回复收藏 0 原文

~没有更多了~