在我的应用程序中动态添加谷歌地图

本文关键字：添加 谷歌地图 动态 我的 应用程序 | 更新日期: 2023-09-27 18:37:00

我有一个像 justdial.com 一样的应用程序，每当在表单中输入地址时，地址都会输入到数据库中，从中使用相同的地址来创建Google地图。

整个代码都写在中继器标签下，即每次输入新地址时，谷歌地图 API 都会获取它并在我的应用程序中显示地图。

就像 justdial.com 年所做的那样。

该项目是使用 n 层 C# .NET 框架完成的。

 <asp:Repeater ID="Repeater1" OnItemDataBound="Repeater1_ItemDataBound" runat="server" onitemcommand="Repeater1_ItemCommand">
  <ItemTemplate>
   <h2>Map</h2>
                                    <div style="width:100%; min-height:250px;">
                                    <iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=<%#Eval("comp_adrs") %>+India&amp;aq=0&amp;oq=<%#Eval("comp_adrs") %>&amp;sll=23.192951,72.6299&amp;sspn=0.024023,0.042014&amp;ie=UTF8&amp;hq=&amp;hnear=<%#Eval("comp_adrs") %>,+Odisha,+India&amp;t=m&amp;z=14&amp;ll=20.344743,85.803818&amp;output=embed"></iframe><br /><small><a href="https://maps.google.com/maps?f=q&amp;source=embed&amp;hl=en&amp;geocode=&amp;q=<%#Eval("comp_adrs") %>,+Odisha,+India&amp;aq=0&amp;oq=<%#Eval("comp_adrs") %>&amp;sll=23.192951,72.6299&amp;sspn=0.024023,0.042014&amp;ie=UTF8&amp;hq=&amp;hnear=<%#Eval("comp_adrs") %>,+Odisha,+India&amp;t=m&amp;z=14&amp;ll=20.344743,85.803818" style="color:#0000FF;text-align:left">View Larger Map</a></small>
                                    </div>
</ItemTemplate>
  </asp:Repeater>

在我的应用程序中动态添加谷歌地图

为了在我的应用程序中添加动态 Google 地图，我只是从 api 代码中删除了纬度和经度位置，并在所有输入地址的地方添加了我的变量，它是正确的。

 <iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0"
                                            marginwidth="0" src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=<%#Eval("business_name") %>+<%#Eval("comp_adrs") %>+India&amp;aq=0&amp;oq=<%#Eval("business_name") %>+<%#Eval("comp_adrs") %>&amp;ie=UTF8&amp;hq=&amp;hnear=<%#Eval("business_name") %>+<%#Eval("comp_adrs") %>,+Odisha,+India&amp;t=m&amp;z=14&amp;output=embed">
 </iframe>
相关文章：