fix: update default map tile layer provider and improve custom URL handling

Author: Morxi

web/src/components/MapTileLayerProviderSelect.tsx

@@ -16,7 +16,7 @@ interface Props {
 const BUILTIN_TEMPLATES = {
   openstreetmap: {
     name: "OpenStreetMap",
-    url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
+    url: "",
     wiki: "https://wiki.openstreetmap.org/wiki/Tiles",
     requiresToken: false,
   },
@@ -65,12 +65,10 @@ const MapTileLayerProviderSelect = (props: Props) => {
   };
 
   const handleCustomUrlSubmit = () => {
-    if (customUrl.trim()) {
-      onValueChange(customUrl.trim());
-      setIsCustomDialogOpen(false);
-      setCustomUrl("");
-      setSelectedTemplate("");
-    }
+    onValueChange(customUrl.trim());
+    setIsCustomDialogOpen(false);
+    setCustomUrl("");
+    setSelectedTemplate("");
   };
 
   const handleTemplateSelect = (templateKey: string) => {
@@ -166,7 +164,7 @@ const MapTileLayerProviderSelect = (props: Props) => {
               <Label htmlFor="custom-url">{t("setting.preference-section.map-config.tile-server-url")}</Label>
               <Textarea
                 id="custom-url"
-                placeholder="https://your-tileserver.com/{z}/{x}/{y}.png"
+                placeholder="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
                 value={customUrl}
                 onChange={handleUrlChange}
                 className="mt-2 min-h-[40px] resize-none"
@@ -204,9 +202,7 @@ const MapTileLayerProviderSelect = (props: Props) => {
             <Button variant="outline" onClick={() => setIsCustomDialogOpen(false)}>
               {t("common.cancel")}
             </Button>
-            <Button onClick={handleCustomUrlSubmit} disabled={!customUrl.trim()}>
-              {t("setting.preference-section.map-config.apply")}
-            </Button>
+            <Button onClick={handleCustomUrlSubmit}>{t("setting.preference-section.map-config.apply")}</Button>
           </DialogFooter>
         </DialogContent>
       </Dialog>

web/src/components/Settings/PreferencesSection.tsx

@@ -29,17 +29,15 @@ const PreferencesSection = observer(() => {
   };
 
   const handleMapApiProviderChange = async (mapApiProvider: string) => {
-    console.log("handleMapApiProviderChange", mapApiProvider);
     await userStore.updateUserGeneralSetting({ mapTileLayerProvider: mapApiProvider }, ["mapTileLayerProvider"]);
-    console.log("userStore.state.userGeneralSetting", userStore.state.userGeneralSetting?.mapTileLayerProvider);
   };
 
   // Provide default values if setting is not loaded yet
   const setting: UserSetting_GeneralSetting = generalSetting || {
     locale: "en",
     memoVisibility: "PRIVATE",
     theme: "default",
-    mapTileLayerProvider: "openstreetmap",
+    mapTileLayerProvider: "",
   };
 
   return (