个人中心
gpt4 book ai didi

javascript - 将标记添加到 ammap map

转载 作者：行者123 更新时间：2023-11-30 05:45:08 25 4
gpt4 key购买 nike

我想在 ammap 中添加一个圆形标记 map 。标记应以柏林为中心，其纬度为 52.523407，经度为 13.4114(您可以验证这些坐标 here )。

这是尝试这样做的页面的源代码。 jsFiddle example也可用。

<html>
<head>

<script src="ammap.js" type="text/javascript"></script>
<script src="germanyLow.js" type="text/javascript"></script>

<script type="text/javascript">

    var dataPoints = [{
            latitude: 52.523407,
            longitude: 13.4114,
            type: 'bubble',
            color: '#CC0000',    
            fixedSize: false,
            alpha: 0.5,
            height: 50,
            width: 50
    }];

    AmCharts.ready(function() {
        // create AmMap object
        var map = new AmCharts.AmMap();

        // set path to images
        map.pathToImages = "images/map";

        var dataProvider = {
            mapVar: AmCharts.maps.germanyLow,
            getAreasFromMap:true,
            images: dataPoints
        }; 

        // pass data provider to the map object
        map.dataProvider = dataProvider;

        map.areasSettings = {
            autoZoom: true,
            selectedColor: "#CC0000"
        };

        // write the map to container div
        map.write("mapdiv");                           
    });

</script>
</head>
<body>    
    <div id="mapdiv" style="width: 600px; height: 400px;"></div>
</body>
</html>

如果您打开此页面，您会看到以下内容。我自己添加了黑色箭头以指示圆圈的位置。如您所见，圆心在它应该位于的西北方向约 150 公里处。如果我添加其他标记，它们也位于我预期位置的西北约 150 公里处。我做错了什么，还是这是一个错误？

enter image description here

最佳答案

您应该将“centered: false”属性添加到您的 MapImage:

var dataPoints = [{
        latitude: 52.523407,
        longitude: 13.4114,
        type: 'bubble',
        color: '#CC0000',

        fixedSize: false,
        alpha: 0.5,
        height: 50,
        width: 50,
        centered: false
}];

这是您更新后的 fiddle :

http://jsfiddle.net/amcharts/6c5U3/591/

关于javascript - 将标记添加到 ammap map ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18359892/

25 4 0
文章推荐： c++ - 无法使用 SWIG 将 QString 从 C++ 函数返回到 PERL 函数
文章推荐： java - 在调用 EventSourcingHandlers 之间如何保留实体的状态？
文章推荐： c++ - WinInet 输出中的随机字符
文章推荐： java - 当我尝试构建 MatJuice 时出现 2 个编译错误(找不到符号和不兼容的类型)
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com