使用数据库存储的lat / long动态绘制到Google Map上

时间:2012-08-10 12:05:49

标签: php javascript jquery maps

我正在为一家开发新屋的公司建立一个网站。我有一个数据库,其中包含每个开发项目的邮政编码/纬度/经度表。

我需要做的是根据我编写的函数返回的搜索结果,将这些经度/纬度绘制到页面内的Google Map上。上述属性可通过类

的实例获得

我已经研究了这个漫长而艰难但似乎无法找到任何可以回答我实际问题的内容 - 我已经查看了Google Maps API和其他各种资源,我发现最接近的是: http://www.multiplottr.com这本质上是我想做的事情,除了点数将从数据库中提取并且它们上面会有某种类/ ID,这样我就可以添加悬停和点击功能以及与其他功能的交互性页面上的元素

非常感谢,
马特

2 个答案:

答案 0 :(得分:1)

嗨,你可以这样使用

 function initialize() {
        var fenway = new google.maps.LatLng( <? php echo latitude from db ?> , <? php echo echo longtitude from db; ?> );
        var mapOptions = {
            center: fenway,
            zoom: 16,

            mapTypeId: google.maps.MapTypeId.ROADMAP
        };

        var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
        var image = '<?php echo $path;?>components/com_propertylist/images/Home.png';
        var beachMarker = new google.maps.Marker({
            position: fenway,
            map: map,
            icon: image
        });
        google.maps.event.addDomListener(window, 'load', initialize);
        // google.maps.event.trigger(map, 'resize');
    }

答案 1 :(得分:0)

获取存储在数据库中的纬度/经度值,并使用Google Maps api在地图上绘制它们。这些图通常被称为标记。这可能对你的研究有所帮助。

基本上,你需要使用PHP编写JS ...