如何从数据库中检索数据并放入 javascript 代码以使用 maps api 进行处理？

Posted 2023-02-22

【中文标题】如何从数据库中检索数据并放入 javascript 代码以使用 maps api 进行处理？

【英文标题】：how can i retrieve data from database and put in javascript code to process with maps api?

【发布时间】：2021-11-18 05:02:59

【问题描述】：

嘿，我有经纬度数据放入数据库 我可以获取该数据并将其放入 javascript 代码中以使用 map api 进行处理吗？

这是我想要更改数据库中“纬度和经度”的 javascript 代码

<script type='text/javascript'>
jsMaps.loader(function ()
    var tiles = new jsMaps.Native.Tiles();
    var map = jsMaps.api.init(
            '#map',
            'native',
            
                center: 
                    latitude: (change data from database),
                    longitude: (change data from database)
                ,
                zoom: 14,
                mouse_scroll: true,
                zoom_control: true,
                map_type: true
            ,tiles
    );

    var polyLine1 = [
        lat: (change data from database),lng:  (change data from database),    
        lat: (change data from database),lng:  (change data from database),   
        lat: (change data from database),lng:  (change data from database),     
        lat: (change data from database),lng:  (change data from database)    
    ];

【问题讨论】：

can i get that data and put it in javascript code to process with map api...是的，你可以。你被困在哪里了？

我不知道该怎么做？我是 javascript 中的新手和菜鸟

取决于您的应用程序的结构以及此代码所在的位置。您可以使用 AJAX 获取它。或者，如果此代码在 php 页面中，您可以让 PHP 简单地将数据回显到脚本中，使其成为 JavaScript 中的硬编码值。还取决于它是否需要在页面运行时动态更新。你没有给我们太多背景信息。但这些都是将数据从 PHP 包含到 JavaScript 的标准方法，并且不难研究。它恰好是纬度/经度数据的事实并不真正相关，任何数据的选项和过程基本相同

非常感谢您的启发，我会尝试将数据回显到脚本中。但是，如果我希望 javascript 更新与存储在数据库中的位置一样多，该怎么办？

先生，我已经尝试将数据回显到脚本中但失败了，地图根本没有加载，这段代码在 php 中

【参考方案1】：

所以我制作了 json 文件来获取我需要处理到 javascript 的数据。然后我使用异步函数提取 json 文件并从数据库中获取纬度和经度。 这是我提取 json 文件的 javascript 代码：

const api_url = 'jsonlatest.php'
        async function getjsonlatest() 
            const response = await fetch(api_url);
            const data = await response.json();
            let i = 0;
            while (i<10) 
                i++;
                array = JSON.parse(JSON.stringify(data[i]))
                sip = [array.latitude, array.longtitude]
                oke = [sip]
                
                console.log(oke)
                                   
            
        
                


    

【讨论】：

不，你不能只写“我解决了它”而只是一个模糊的描述——这对任何人都没有多大用处。使用您使用的代码提供一个工作示例，您将获得更多选票:-)

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。

好吧，阿迪森先生，我很抱歉，我会尽力听从您的建议 :-)