На моем веб-сайте у меня есть встроенная карта Google для местоположения моего бизнеса. Когда кто-то просматривает мой сайт на устройстве iOS/Android, я бы хотел, чтобы они могли щелкнуть по карте и открыть ее в собственном приложении Google Maps, используя схему URL
comgooglemaps://
Мой план состоит в том, чтобы превратить iFrame в ссылку на этих устройствах, но мне не повезло.
Кто-нибудь знает, как это сделать или лучше понять, как реализовать эту функциональность.
У меня 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! 1sPakistan + Lahore! 5e0! 3m2! 1sen! 2s! 4v1395138949280\"width = \" 600\"height = \" 450\"frameborder = \" 0\"style = \" border: 0\"\ u003e\u003c/iframe\u003e",
Когда разобрать его на String,.... Результат
Строка 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! 1sPakistan + Lahore! 5e0! 3m2! 1sen! 2s! 4v1395138949280 width = 600 height = 450 frameborder = 0 style = border: 0 ";
layout: 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
<uses-permission android:name="android.permission.INTERNET"/>
Также разрешите разрешение WIFI и т.д.
WebView webview = (WebView) contact.findViewById(R.id.webView);
webview.getSettings().setJavaScriptEnabled(true);
webview.loadData("<iframe src=\"https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d59155.3066742403!2d82.165487!3d22.079923!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x41830cd45c4743bd!2sJD+Civil+Services+Academy!5e0!3m2!1sen!2sin!4v1497879962473\" width=\"600\" height=\"450\" frameborder=\"0\" style=\"border:0\" allowfullscreen></iframe>", "text/html", "utf-8");
WebSettings webViewSettings = webview.getSettings();
webViewSettings.setJavaScriptCanOpenWindowsAutomatically(true);
webViewSettings.setJavaScriptEnabled(true);
webViewSettings.setBuiltInZoomControls(true);
webViewSettings.setPluginState(WebSettings.PluginState.ON);
Я решил случайный подход, когда браузер ниже размера certian. Я использую jQuery, чтобы скрыть iFrame и заменить его статическим изображением. Тогда я был простым.