0

私のウェブサイトには、ビジネスの場所への Google マップが埋め込まれています。誰かが iOS/Android デバイスで私のウェブサイトを表示したときに、地図をクリックして、URL スキーマを使用してネイティブの Google マップ アプリで開くことができるようにしたいと考えています。

comgooglemaps://

私の計画は、これらのデバイスで iFrame をリンクに変えることですが、うまくいきません。

誰でもこれを行う方法を知っているか、この機能を実装する方法についてより良いアイデアを持っています。

4

2 に答える 2

3

私はJSONを持っています

"GoogleMap":"\u003ciframe src=\" https://www.google.com/maps/embed?pb=!1m16!1m12!1m3!1d434549.40374533384!2d74.24349628287739!3d31.690830957117996!2m3!1f0! 2f0!3f0!3m2!1i1024!2i768!4f13.1!2m1!1sパキスタン+ラホール!5e0!3m2!1sen!2s!4v1395138949280 \" width=\"600\" height=\"450\" frameborder=\"0 \" style=\"border:0\"\u003e\u003c/iframe\u003e",

それを文字列に解析すると、.... 結果

文字列 iframe = "https://www.google.com/maps/embed?pb=!1m16!1m12!1m3!1d434549.40374533384!2d74.24349628287739!3d31.690830957117996!2m3!1f0!2f0!3f0!3m2!1i1024 !2i768!4f13.1!2m1!1sパキスタン+ラホール!5e0!3m2!1sen!2s!4v1395138949280 width=600 height=450 frameborder=0 style=border:0";

レイアウト: activity_main

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/LinearLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:background="#00FF00" >

        <TextView
            android:id="@+id/header_textView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:text="Google Map"
            android:textAppearance="?android:attr/textAppearanceMedium"
            android:textStyle="bold" />
    </RelativeLayout>

    <WebView
        android:id="@+id/googlemap_webView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="10dp" />

</LinearLayout>

Java クラス: MainActivity

public class MainActivity extends Activity {

    private WebView googleMapWebView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initializeUI();
    }

    /**
     * This method is used to Initialize UI components
     */
    private void initializeUI() {

            String iframe = "<iframe src=https://www.google.com/maps/embed?pb=!1m16!1m12!1m3!1d434549.40374533384!2d74.24349628287739!3d31.690830957117996!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!2m1!1sPakistan+Lahore!5e0!3m2!1sen!2s!4v1395138949280 width=600 height=450 frameborder=0 style=border:0</iframe>";
            googleMapWebView = (WebView) findViewById(R.id.googlemap_webView);
            googleMapWebView.getSettings().setJavaScriptEnabled(true);
            googleMapWebView.loadData(iframe, "text/html", "utf-8");
    }

}

AndroidManifest.xml

  1. <uses-permission android:name="android.permission.INTERNET"/>

また、WIFI許可などを確認してください..

于 2014-03-30T19:00:48.027 に答える
0

ブラウザが特定のサイズを下回っている場合は、jQuery を使用して iFrame を非表示にし、静的な画像に置き換えます。その時、私は単純な問題でした。

于 2013-10-31T12:06:42.983 に答える