Discussion :

[Franck.H]

Je tente d'intégrer GoogleMaps dans une page de l'application sur laquelle je travaille en ce moment. Le problème, ça déconne lorsque j'essaye de le mettre après un ToolkitScriptManager de Ajax donc je le met avant bien sûr. Le problème, c'est que le iframe qui affiche le GoogleMaps, cache alors tout ce qui se trouve en-dessous j'ai donc essayé de le mettre dans un Panel sans résultat lors du lancement de l'application, voici un bout de code, pas complet car très très long:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<asp:Content ID="Content1" ContentPlaceHolderID="contenu" runat="Server">
    <div class="titre_page">
        <br />
        <asp:Label ID="Label1" runat="server" Text="EXPLOITATIONS AGRICOLES" CssClass="titre1"></asp:Label>
    </div>
    <br />
    <uc1:ucRechercheEA ID="RechercheEA" runat="server" />
    <asp:Panel runat="server" ID="PanelGoogle">
        <div style="text-align: center">
            <iframe id="mapFrame" src="Carte.htm" scrolling="no" frameborder="0" marginheight="0"
                marginwidth="0" style="background-color: #ffffff; width: 640px; height: 200px;
                text-align: center;" align="middle" />
        </div>
    </asp:Panel>
    <asp:ToolkitScriptManager ID="ToolkitScriptManager2" runat="server">
    </asp:ToolkitScriptManager>
    <script type="text/javascript" charset="utf-8">
        $(document).ready(function () {
            $("#tabs-exploitations").tabs({
                heightStyle: "fill"
            });
        });
    </script>
    <div id="tabs-exploitations">
        <ul>
            <li><a href="#tab-exploitant">Exploitant</a></li>
            <li><a href="#tab-exploitation">Exploitation</a></li>
            <li><a href="#tab-types-elevages">Types d'élevages</a></li>
        </ul>
        <div id="tab-exploitant">
            <asp:UpdatePanel runat="server" ID="UpdatePanel1">
                <ContentTemplate>
                    <asp:FormView ID="fvEXP" runat="server" CssClass="form" DataKeyNames="ID,OID" DataSourceID="odsITRVT">
                        <EditItemTemplate>
                            <table class="tbEXP">
                                <tr>
                                    <td class="c1">
                                        <span class="lbl">Code SIRET:</span>
                                    </td>
                                    <td class="c2">
                                        <asp:TextBox ID="IDTextBox" runat="server" Text='<%# Bind("SIRET") %>' MaxLength="17"></asp:TextBox>
                                    </td>
                                </tr>

Si jamais quelqu'un a une astuce...

[Immobilis]

Salut,

J'avais fait quelques test il y a 4 ans sur l'intégration d'une carte Google. En regardant de nouveau mon code cela ne ressemble pas trop à ce que tu as fait. Je n'avais besoin que de créer un div et d'appeler une fonction d'un script de Google pour que cela se fasse tout seul:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

"<div id=\"map_canvas\" style=\"float: right; width: 810px; min-height: 500px\"></div><script type=\"text/javascript\">InitializeMapWithItinerary(\"{0}\", \"{1}\", {2}, \"{3}\")</script>"

A+